CSS :
ul, li {마진 : 0; 패딩 : 0; } #scrolldiv {너비 : 300px; 높이 : 25px; 라인 높이 : 25px; 국경-바닥 : #4c8cd1 1px 고체; 오버플로 : 숨겨진; } #scrolldiv li {높이 : 25px; 왼쪽 패딩 : 10px; }JS :
<cript> function autoscroll (obj) {$ (obj) .find ( "ul : first"). 애니메이션 ({margintop : "-25px"}, 800, function () .css ({margintop : "0px"}). 찾기 ( "li : first"); } $ (document) .ready (function () {setInterval ( 'autoScroll ( "#scrolldiv")', 3000) setInterVal ( 'autoScroll ( "#scrolldiv")', 3000)}); </스크립트>HTML :
<div id = "scrolldiv"> <ul> <li> 이것은 발표 제목의 첫 번째 줄입니다 </li> <li> 이것은 발표 제목의 두 번째 줄입니다 </li> <li> 이것은 발표 제목의 세 번째 줄입니다 </li> <li> 이것은 발표 제목의 네 번째 줄입니다. <li> 이것은 발표 제목의 일곱 번째 줄입니다 </li> <li> 이것은 발표 제목의 여덟 번째 줄 </li> </ul> </div>입니다.
위의 JS가 중단되지 않은 스크롤의 간단한 구현은 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.