为什么这段无缝循环滚动图片的代码，只滚动了一次就停了？

Question

<div id="demo" style="overflow:hidden;height:150px;width:650px;">
<table

cellpadding="0" cellspacing="0" border="0" style="height: 164px; width:100%; text-align:left"><tr><td id="demo1" valign="top">
<asp:DataList ID="DataList4" runat="server" DataSourceID="ObjectDataSource3"
Width="100%" RepeatColumns="5">
<ItemTemplate>
<table style="width: 100%">
<tr>
<td style="text-align:center">

<asp:Image ID="Image1" runat="server" Height="120px"
ImageUrl='<%# Eval("Image1") %>' Width="100px" />
<br /><br /><br />
<asp:HyperLink ID="HyperLink1" runat="server" ForeColor="Black"
NavigateUrl='<%# Eval("Id", "~/brcxzx/Image.aspx?Id={0}") %>'
Text='<%# Eval("Title") %>'></asp:HyperLink>
</td>
</tr>
</table>
<br />
</ItemTemplate>
</asp:DataList>
</td><td id="demo2" valign="top"></td></tr></table></div>
<script type="text/javascript">
var speed = 30
demo2.innerHTML = demo1.innerHTML
function Marquee() {
if (demo2.offsetWidth - demo.scrollLeft <= 10)
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>

Answer 1

我是做网页的，我虽然没有研究过关于这个的具体的代码，但是我知道，那是因为 你的 indemo的宽度造成的，因为我实验过，而且当你的宽度不合适的时候，在图片接口处会蹦一下。
<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 500px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>