JQ简单实现无缝滚动

最新推荐文章于 2023-07-24 15:51:51 发布

weixin_34051201

最新推荐文章于 2023-07-24 15:51:51 发布

阅读量175

点赞数

原文链接：http://www.cnblogs.com/ypengbk/p/5902590.html

版权

$(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);
   });
});