Jquery 无缝滚动

admin

1. <script type="text/javascript">
   
2.     jQuery.fn.extend({
   
3.         pic_scroll:function (){
   
4.             $(this).each(function(){
   
5.                 var _this=$(this);//存储对象
   
6.                 var ul=_this.find("ul");//获取ul对象
   
7.                 var li=ul.find("li");//获取所有图片所有的li
   
8.                 var w=li.size()*li.width();//统计图片的长度
   
9.                 li.clone().prependTo(ul);//克隆图片一份放入ul里
   
10.                 ul.width(2*w);//设置ul的长度，使所有图片排成一排
    
11.                 var i=1,l;
    
12.                 _this.hover(function(){i=0},function(){i=1});//鼠标经过时设置i=0达到鼠标经过停止效果
    
13.                 setInterval(function(){
    
14.                     //定时滚动函数
    
15.                     l = _this.scrollLeft();
    
16.                     if (l < w) {
    
17.                         _this.scrollLeft(l+i);
    
18.                     } else {
    
19.                         _this.scrollLeft(0);
    
20.                     }
    
21.                 },20);
    
22.             })
    
23.         }
    
24.     });
    
25.     $(document).ready(function(){
    
26.         $(".a,.aa").pic_scroll();//多个地方使用
    
27.     })

复制代码