怎样实现图片连续滚动效果

Question

我要得 效果就喝下面的代码一样但 下面的代码 滚动一会就停 大家帮我看看 我要的是不间断的滚动 鼠标放上去就停 移开就动<div id="demo" style="overflow:hidden;width:670px;color:#ffffff;"> 
<table cellpadding="0" cellspacing="0" border="0"> 
<tr><td id="demo1" valign="top" align="center"> 
<table cellpadding="2" cellspacing="0" border="0"> 
<tr align="center"> 
<td><img src="http://www.haao.cn/logo.gif" width="88"></td> 
<td><img src="http://www.haao.cn/logo.gif" width="88"></td> 
<td><img src="http://www.haao.cn/logo.gif" width="88"></td> 
<td><img src="http://www.haao.cn/logo.gif" width="88"></td> 
<td><img src="http://www.haao.cn/logo.gif" width="88"></td> 
</tr> 
</table> 
</td> 
<td id="demo2" valign="top"></td> 
</tr> 
</table> 
</div> 
<script> 
var speed=1//速度数值越大速度越慢 
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>