js 实现文字无缝滚动(图片无缝滚动) 兼容各种浏览器

本人收藏的代码--

注* ：如果发现不能滚动、demo1 的宽度要大于demo 的宽度

<div id=demo style="overflow:hidden;height:100px;width:300px;">

<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1  valign=top>
<a href="#">asdfghnjmasfgbhjxfgbhjsdfgh</a>&nbsp;&nbsp;&nbsp;<a href="#">1234567876543245675432456</a>&nbsp;&nbsp;&nbsp;<a href="#">asdfghnjmasfgbhjxfgbhjsdfgh</a>&nbsp;&nbsp;<a href="#">1234567876543245675432456</a>
</td>
<td id=demo2 valign=top></td>
</tr>
</table>


</div> 
<script> 

v ar speed=30; 

demo2.innerHTML=demo1.innerHTML; 

function Marquee(){ 

if(demo2.offsetWidth-demo.scrollLeft<=0) 

demo.scrollLeft-=demo1.offsetWidth; 

else{ 

demo.scrollLeft++; 

} 

} 

var MyMar=setInterval(Marquee,speed) 

demo.onmouseover=function() {clearInterval(MyMar)} 

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 

</script>