javascript实现页面图片不间断连续滚动

<table align=center width=800 border=0 cellpadding=0 cellspacing=0 style=BORDER-LEFT: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid>
<tr>
<td width=800 height=120 align=center class=border01 bgcolor=#FFFFFF>
<div id=demo style=overflow:hidden;width:800;align=center>
<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >
<tr>
<td valign=top bgcolor=ffffff id=marquePic1>
<table width=90% border=0 cellspacing=0 cellpadding=0>
<tr align=center>
<td><a href="http://www.aosilian.com" target="new"><img src=http://www.aosilian.com//tu/01.jpg hspace=2 border=0> </a></td>
<td><a href="http://www.aosilian.com" target="new"><img src=http://www.aosilian.com//tu/02.jpg hspace=2 border=0> </a></td>
<td><a href="http://www.aosilian.com" target="new"><img src=http://www.aosilian.com//tu/04.jpg hspace=2 border=0> </a></td>
<td><a href="http://www.aosilian.com" target="new"><img src=http://www.aosilian.com//tu/05.jpg hspace=2 border=0> </a></td>
<td><a href="http://www.aosilian.com" target="new"><img src=http://www.aosilian.com//tu/06.jpg hspace=2 border=0> </a></td>
<td><a href="http://www.aosilian.com" target="new"><img src=http://www.aosilian.com//tu/07.jpg hspace=2 border=0> </a></td>
</tr>
</table>
</td>
<td id=marquePic2 valign=top></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
var speed=30
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}

</script>