图片循环滚动求助

我用dreamweaver制作图片无缝循环向左滚动效果，我复制了网上的代码，然后改了下，但是网页出现了变形，运行时不会动而且变形了，出现每张图片都有两张。我把代码贴出来，哪位高手知道该如何解决？ 
<td rowspan="2" colspan="9"> 
<div id=demo style=overflow:hidden;height:134;width:383;><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="134" /><img src="pic/2.jpg" width="160" height="134" /><img src="pic/3.jpg" width="155" height="134" /><img src="pic/4.jpg" width="157" height="134" /></td><td id=demo2 valign=top></td></tr></table></div> 
<script> 
var 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> 
</td>

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 1</title>
    </head><body>
    <td rowspan="2" colspan="9"> 
    <div id=demo style=overflow:hidden;height:134px;width:383px;><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="134" /><img src="pic/2.jpg" width="160" height="134" /><img src="pic/3.jpg" width="155" height="134" /><img src="pic/4.jpg" width="157" height="134" /></td><td id=demo2 valign=top></td></tr></table></div> 
    <script> 
    var 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> 
    </td>
    </body></html>