JQ简单实现无缝滚动

蹲街弑〆低调 提交于 2020-01-06 04:53:36
$(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);   });});
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!