js_javascript 기술로 구현된 움직이는 움직이는 수평 원형 스크롤

코드 복사 코드는 다음과 같습니다. /*speed 값이 클수록 속도는 느려집니다*/ document.getElementById('www_qpsh_com2').innerHTML=document.getElementById('www_qpsh_com1').innerHTML /*두 레이어 앞뒤로 번갈아 가며*/ function Marquee(){ if(document.getElementById('www_qpsh_com2').offsetWidth-document.getElementById('www_qpsh_com').scrollLeft document.getElementById ('www_qpsh_com').scrollLeft -=document.getElementById('www_qpsh_com1').offsetWidth; else{ document.getElementById('www_qpsh_com').scrollLeft ; } document.getElementById( 'my_marquee_info').innerHTML= ''; document.getElementById('my_marquee_info').innerHTML ='div.scrollTop:' document.getElementById('www_qpsh_com').scrollLeft } var MyMar; =setInterval(Marquee,speed) ; www_qpsh_com.onmouseover=function() {clearInterval(MyMar);} www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed);} &lt ;/스크립트> 데모 코드: 나의 Marquee Halign /*My Marquee CSS Start*/ .my_marquee_info{width:200px;border:#987654 solid 1px;padding:20px 3px 3px 2px;margin-top:30px;} .my_marquee_main{width:200px;height:160px;border:#234567 solid 1px;padding:2px 3px 3px 2px;overflow:hidden;} .my_marquee_div1{width:195px;border:Green solid 1px;} .my_marquee_div2{width:195px;border:Red solid 1px;} /*My Marquee CSS End*/ 训练场地 休闲茶吧 会所简介 室内赛场和马房 牧马场 [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]