JQ简单实现无缝滚动

$(function(){
   $("ul li:lt(5)").clone().appendTo("ul");
   var $width = $("ul li:lt(5)").width() * 4;
   var currIndex = 0;
   $("#next").click(function(){
      if(currIndex == 2){
         currIndex = 0;
         $("ul").css("left",0);
      }
      currIndex++;
      $("ul").stop().animate({left:$width * currIndex * -1},500);
   });
   $("#prev").click(function(){
      if(currIndex == 0){
         currIndex = 2;
         $("ul").css("left",2 * $width * -1);
      }
      currIndex--;
      $("ul").stop().animate({left:$width * currIndex * -1},500);
   });
   $("ul>li").hover(function(){
      $(this).children().eq(1).stop().animate({top:0},400);
   },function(){
      $(this).children().eq(1).stop().animate({top:240},400);
   });
});

巴特西

JQ简单实现无缝滚动

最新文章

热门文章