コードをコピー コードは次のとおりです: 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);すべての写真のすべてのliを取得<br> var w = li.size()*li.width(); ).prependTo(ul);//画像 1 をクローンして 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> > l = _this.scrollLeft();<br> > <br> },20); $(".a,.aa") .pic_scroll();//場所 <br> })<br>