复制代码 代码如下: jquery 图片自动无缝滚动 <BR> ul,li { list-style: none;margin: 0; padding: 0;}<BR> li { float: left;}<BR> img { width: 100px; height: 100px; padding:0 2px}<BR> .a { width: 400px; height:100px;margin: 0 auto; overflow: hidden; border: 1px solid red;}<BR> .aa { width: 200px; height:100px;margin: 50px auto 0 auto; overflow: hidden; border: 1px solid red;}<BR> <BR> jQuery.fn.extend({<BR> pic_scroll:function (){<BR> $(this).each(function(){<BR> var _this=$(this);//存储对象<BR> var ul=_this.find("ul");//获取ul对象<BR> var li=ul.find("li");//获取所有图片所有的li<BR> var w=li.size()*li.width();//统计图片的长度<BR> li.clone().prependTo(ul);//克隆图片一份放入ul里<BR> ul.width(2*w);//设置ul的长度，使所有图片排成一排<BR> var i=1,l;<BR> _this.hover(function(){i=0},function(){i=1});//鼠标经过时设置i=0达到鼠标经过停止效果<BR> setInterval(function(){<BR> //定时滚动函数<BR> l = _this.scrollLeft();<BR> if (l < w) {<BR> _this.scrollLeft(l+i);<BR> } else {<BR> _this.scrollLeft(0);<BR> }<BR> },20);<BR> })<BR> }<BR> });<BR> $(document).ready(function(){<BR> $(".a,.aa").pic_scroll();//多个地方使用<BR> })<BR>
