1. 程式人生 > >js向右無縫滾動

js向右無縫滾動

<H3>向右的: </H3>
<div id="demoLeft2Right" style="overflow:hidden;width:670px;background:#efefef;"> 
<table cellpadding="0" cellspacing="0" border="0"> 
<tr><td id="demoLeft2Right_right" valign="top" align="center"> 
<table cellpadding="2" cellspacing="0" border="0"> 
<tr align="center"> 
<td><img src="

http://www.baidu.com/img/logo.gif" ></td> 
<td><img src="http://www.baidu.com/img/logo.gif" ></td> 
<td><img src="http://www.baidu.com/img/logo.gif" ></td> 
<td><img src="http://www.baidu.com/img/logo.gif" ></td> 
<td><img src="http://www.baidu.com/img/logo.gif
" ></td> 
</tr> 
</table> 
</td> 
<td id="demoLeft2Right_left" valign="top"></td> 
</tr> 
</table> 
</div> 
<script> 
var demoLeft2RightSpeed=30//速度數值越大速度越慢 
demoLeft2Right_left.innerHTML=demoLeft2Right_right.innerHTML 
function demoLeft2RightMarquee(){ 
if(demoLeft2Right.scrollLeft<=0) 
demoLeft2Right.scrollLeft+=demoLeft2Right_left.offsetWidth 
else{ 
demoLeft2Right.scrollLeft-- 


var demoLeft2RightMyMar=setInterval(demoLeft2RightMarquee,demoLeft2RightSpeed) 
demoLeft2Right.onmouseover=function() {clearInterval(demoLeft2RightMyMar)} 
demoLeft2Right.onmouseout=function() {demoLeft2RightMyMar=setInterval(demoLeft2RightMarquee,demoLeft2RightSpeed)} 
</script>