帝豪娱乐注册:原生js和jquery实现图片轮播特效

标签:关于我们    日期:2018-01-30 11:40    录入:帝豪2娱乐平台注册    浏览:

  

    
  var curIndex=0, //?index  imgLen=$(".imgList li").length; //??

  // ??任2.5?

  var autoChange=setInterval(function(){  if(curIndex < imgLen-1){  curIndex ++;  }else{  curIndex=0;  }  //?任?

  changeTo(curIndex);  },2500);  //???

  $("#prev").hover(function(){  //?

  clearInterval(autoChange);  },function(){  //??

  autoChangeAgain();  });  //?

  $("#prev").click(function(){  //curIndex???

  curIndex=(curIndex > 0) ? (--curIndex) : (imgLen - 1);  changeTo(curIndex);  });  //????

  $("#next").hover(function(){  //?

  clearInterval(autoChange);  },function(){  //??

  autoChangeAgain();  });  //??

  $("#next").click(function(){  curIndex=(curIndex < imgLen - 1) ? (++curIndex) : 0;  changeTo(curIndex);  });  //???index???

  $(".indexList").find("li").each(function(item){  $(this).hover(function(){  clearInterval(autoChange);  changeTo(item);  curIndex=item;  },function(){  autoChangeAgain();  });  });  //????--?

  function autoChangeAgain(){  autoChange=setInterval(function(){  if(curIndex < imgLen-1){  curIndex ++;  }else{  curIndex=0;  }  //?任?

  changeTo(curIndex);  },2500);  }  function changeTo(num){  var goLeft=num * 400;  $(".imgList").animate({left: "-" + goLeft + "px"},500);  $(".infoList").find("li").removeClass("infoOn").eq(num).addClass("infoOn");  $(".indexList").find("li").removeClass("indexOn").eq(num).addClass("indexOn");  }  

★★★小编:帝豪2娱乐平台 整理文章,欢迎大家转载 ★★★