js圖片左右不間斷滾動代碼

<div id=demo style="OVERFLOW: hidden; WIDTH: 960px; align: center">
<table cellspacing="0" cellpadding="0" align="center" border="0">
<tr>
< td id="marquePic1" valign="top">
<table width="100%"  border="0" cellpadding="10" cellspacing="0">
<tr>
<td><img src="HTTP://www.jzread.com/skin/default/imga/logo.gif" border="0" width="282" height="76" /></td>
<td><img src="HTTP://www.jzread.com/skin/default/imga/logo.gif" border=" 0" width="282" height="76" /></td>
<td><img src="HTTP://www.jzread.com/skin/default/imga/ logo.gif" border="0" width="282" height="76" /></td>
<td><img src="HTTP://www.jzread.com/skin/ default/imga/logo.gif" border="0" width="282" height="76" /></td>
<td><img src="HTTP:// www.jzread.com/skin/default/imga/logo.gif" border="0" width="282" height="76" /></td>
<td>< img src="HTTP://www.jzread.com/skin/default/imga/logo.gif" border="0" width="282" height="76" /></td>
</tr>
</table>     
</td>
<td id="marquePic2" valign="top"></td>
</tr>
</table>
</div>
<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.onmouseo ver=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</ script>