1回答

• 

  michael_sofield

  2014-12-12 18:08:23

  var wrap = document.getElementById('wrap'),
  		pic = document.getElementById('pic'),
  		list = document.getElementById('list').getElementsByTagName('li'),
  		index = 0,
  		timer = null;
  	var alength = list.length;
  	var piclist = pic.getElementsByTagName('li');
  	timer = setInterval(autoplay, 1000);
  	for (var i = 0; i < alength; i++) {
  		list[i].aa = i;
  		list[i].onmouseover = function() {
  			clearInterval(timer);
  			var thisid = this.aa;
  			showpic(thisid);
  		};
  		list[i].onmouseout = function() {
  			timer = setInterval(autoplay, 1000);
  		}
  
  	}
  
  	function autoplay() {
  		index++;
  		if (index >= alength) {
  			index = 0;
  		}
  		showpic(index);
  	}
  
  	function showpic(curindex) {
  			if (curindex > alength) {
  				curindex = 0;
  			}
  			for (var i = 0; i < alength; i++) {
  				list[i].className = " ";
  				piclist[i].style.display = "none";
  			}
  			list[curindex].className = "on";
  			piclist[curindex].style.display = "block";
  			index = curindex;
  	}

  
  

  0 0