코드 복사 코드는 다음과 같습니다. 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(){ 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);//Clone picture one 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> > > },20); $(".a,.aa") .pic_scroll();//여러 곳에서 사용됨 <br> })<br> < ;/script><br> </body><br> </html><br><br><br><br></p> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
