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

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>

텍스트 좌우 스크롤 코드
:


코드 복사

코드는 다음과 같습니다. 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.offsetWidth<=s.scrollLeft){
s.scrollLeft-=s3.offsetWidth
}else; {s.scrollLeft ;}
}
function getid(id){
return document.getElementById(id)
}
window.onload=init

Yu Zhiguo 웹사이트 디자인 스튜디오는 전문적인 대외 무역 웹사이트 구축 서비스를 제공합니다.

성명：

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

이전 기사：jQuery 기본 필터 selector_jquery 사용 소개다음 기사：jQuery 기본 필터 selector_jquery 사용 소개

관련 기사

더보기

• Bootstrap 목록 그룹 구성 요소에 대한 심층 분석
• JavaScript 함수 커링에 대한 자세한 설명
• JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)
• Angularjs는 WeChat UI(weui)를 통합합니다.
• JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술