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>
텍스트 좌우 스크롤 코드
:
오버플로:hidden;
}
.d2{
배경색:#FF9933;
}
.div2{
너비:자동;
높이:20px;
글꼴 크기:12px;
script 언어="javascript" type="text /javascript">
var s,s2,s3,s4,timer,i=0;
function init(){
s=getid("div1; ");
s2=getid("div2");
s3=getid("div3");
s4=getid("div4");
s4.innerHTML=s3.innerHTML;
s2.style.width=s .offsetWidth "px";
s2.style.height=s.offsetHeight "px";
timer=setInterval(mar,30)
}
function mar(){
// s2.innerHTML=s.scrollLeft;
if(s3.offsetWidths.scrollLeft-=s3.offsetWidth
}else; {s.scrollLeft ;}
}
function getid(id){
return document.getElementById(id)
}
window.onload=init
> ;
Yu Zhiguo 웹사이트 디자인 스튜디오는 전문적인 대외 무역 웹사이트 구축 서비스를 제공합니다.