매우 부드러운 JS 이미지 스크롤 효과 코드, 원활한 루프, 사용자 정의 가능한 속도 및 마우스를 가리키면 중지됩니다. 이런 방식으로 JS와 이미지 주소가 분리되어 있는 것이 특징이며, 각 이미지의 주소를 데이터베이스에서 쉽고 동적으로 호출할 수 있어 제어가 편리하여 매우 실용적입니다. 코드 복사 코드는 다음과 같습니다. .org/1999/xhtml"> < ;head> 이미지 스크롤< /head> <br><!-- <BR> #demo { <BR>배경: #FFF; 오버플로:숨김; <BR>테두리: 1px 점선 #CCC; <BR>폭: 500px; <BR>} <BR>#demo img { <BR>테두리: 3px 솔리드 #F2F2F2; indemo { <BR>float: 왼쪽; <BR>너비: 800%; <BR>} <BR>#demo1 { <BR>float: 왼쪽 <BR>} <BR>#demo2 { <BR>float: 왼쪽 ; <BR>} <BR>--> <BR> ;div id="demo1"> < ;a href="#"> <br><!-- <BR>var speed=10; <BR>var tab=document.getElementById("demo"); var tab1=document.getElementById("demo1"); <BR>var tab2=document.getElementById("demo2"); <BR>tab2.innerHTML=tab1.innerHTML; <BR>function Marquee(){ <BR>if(tab2.offsetWidth-tab.scrollLeft<=0) <BR>tab.scrollLeft-=tab1.offsetWidth <BR>else{ <BR>tab.scrollLeft ; <BR>} <BR>} <BR>var MyMar =setInterval(Marquee,speed) <BR>tab.onmouseover; =function() {clearInterval(MyMar)}; <BR>tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)} <BR>- ->