HTML의 Marqueen도 콘텐츠 스크롤을 실현할 수 있지만 스크롤 주기 동안 스크롤이 간헐적으로 나타납니다. 스크롤 영역이 상대적으로 크면 공간이 생겨서 페이지가 보기 흉해 보입니다. JavaScript를 사용하면 이 문제를 개선하고 중단 없는 스크롤을 달성할 수 있습니다.
코드 위아래로 스크롤:
< ;div id="demo1">
11111111111111
2222222222222
444444444< ;br>
555555555555555
<script> <BR>var t=getid("demo") ,t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"); <BR>var inter <BR>t2.innerHTML=t1.innerHTML; (){ <BR> if(t2.offsetTop<=t.scrollTop) <BR>t.scrollTop-=t1.offsetHeight; <BR>else <BR>t.scrollTop <BR>} <BR>inter=setInterval (qswhMarquee,30); <BR>function getid(id){ <BR>return document.getElementById(id) <BR>} <BR></script>
텍스트 좌우 스크롤 코드
:
코드 복사