js 구현 클래스 marquee 수평 순환 스크롤


<script>
var speed=20;/* */
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<=0)
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);}
</script>
데모 코드:My Marquee Halign
img border="0"src="7005658357973.jpg"width="150"height="100"hspace="11"vspace="5"/>센터 훈련 장"img border="0"src="7000940554544735.jpg"wid="150"height="100"hsspace="11"vspace="5"/"센터"캐 주 차 를 마 시 라캐 주 차 를 마 시 라<<img border="0"src="7000840962304.jpg"width="150"height="100"hspace="11"vspace="5"/>center 회의 소 소개"img border="img border="0"src="70007460230664.jpg"wid="150"hei="100"hsspace="11"vspace="5"/>"center>실내 경기장 과 마방>>
>
>>>>>실내 경기장 과 마방
center>목장
var speed=20;/*속도 수치 가 클 수록 속도 가 느 려 집 니 다*/document.getElement ById('wwwqpsh_com2').innerHTML=document.getElementById('www_qpsh_com1').innerHTML; function Marquee(){ if(document.getElementById('www_qpsh_com2').offsetWidth-document.getElementById('www_qpsh_com').scrollLeft<=0) 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);} [Ctrl+A 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]

좋은 웹페이지 즐겨찾기