複製程式碼 程式碼如下: 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> this).each(function(){<BR> var _this=$(this);//儲存物件<BR> var ul=_this.find("ul") li=ul.find("li");//獲取所有圖片所有的li<BR> var w=li.size()*li.width();/ pendTo(ul);//克隆圖片一份放入ul裡<BR> 🎜> _this.hover(function(){ i=0},function(){i=1});//滑鼠經過時設定i=0達到滑鼠經過停止效果<BR> //定時捲動函數<BR> l = _this.scrollLeft();<BR> if (l < _this.scrollLeft(l i);<BR> _this.scrollLeft(0);<BR> }<BR> }<BR> }<BR> }<BR> }<BR> }<BR> }<BR> }<BR> },20);<BR> })<BR> {<BR> $(".a,.aa").pic_scroll( );//多地方使用<BR> })<BR>
