>웹 프론트엔드 >JS 튜토리얼 >IE 및 Firefox의 위아래, 왼쪽 및 오른쪽 주기 중단 없는 스크롤 JS code_javascript 기술과 호환됩니다.

IE 및 Firefox의 위아래, 왼쪽 및 오른쪽 주기 중단 없는 스크롤 JS code_javascript 기술과 호환됩니다.

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 17:36:191226검색

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>

텍스트 좌우 스크롤 코드
:


코드 복사
코드는 다음과 같습니다. .d1{ 여백:10px 자동 폭:200px
배경색:#CCCCCC; 🎜>높이:20px
오버플로: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 웹사이트 디자인 스튜디오는 전문적인 대외 무역 웹사이트 구축 서비스를 제공합니다.




성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.