不间断向左移动代码

<div id="xp" style="overflow:hidden;width:924px;margin-left:12px; height:238px;">
<table cellpadding="0" cellspacing="0" border="0" style="margin-top:42px;">
<tr >
<td id="xp1" >
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><a href="pic.aspx" target="_blank"><img src="img/1.jpg" width="177px" height="177px" hspace=5></td>
<td><a href="pic.aspx" target="_blank"><img src="img/2.jpg" width="177px" height="177px" hspace=5></td>
<td><a href="pic.aspx" target="_blank"><img src="img/3.jpg" width="177px" height="177px" hspace=5></td>
<td><a href="pic.aspx" target="_blank"><img src="img/4.jpg" width="177px" height="177px" hspace=5></td>
<td><a href="pic.aspx" target="_blank"><img src="img/5.jpg" width="177px" height="177px" hspace=5></td>
<td><a href="pic.aspx" target="_blank"><img src="img/6.jpg" width="177px" height="177px" hspace=5></td>
<td><a href="pic.aspx" target="_blank"><img src="img/7.jpg" width="177px" height="177px" hspace=5></td>
</tr>
</table>
</td>
<td id="xp2" valign="top"></td>
</tr>
</table>
</div>
<script language="javascript" rel="Stylesheet">
var speedp=10
var demo=document.getElementById('xp');      
var demo1=document.getElementById('xp1');
var demo2=document.getElementById('xp2');
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)   //向上代码if(demo2.scrollHeightdemo.scrollTop<=0)
demo.scrollLeft-=demo1.offsetWidth //向上代码demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollLeft++ //向上代码adm.scrollTop++
}

}

var MyMar=setInterval(Marquee,speedp)

demo.οnmοuseοver=function() {clearInterval(MyMar)}

demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speedp)}
</script>