Question

这个图片循环代码如何改成无缝循环的，总是循环一遍又跳回去了！

<!-- TemplateEndEditable --></div>
<div id="tpxw">
<div id=demo style="overflow:hidden;height:188;width:467;color:#ffffff">
<table align=left cellpadding=0 cellspace=0 border=0>
<tr><td id="demo1" valign="top" align="center">
<table cellpadding=2 cellspacing=0 border=0 >
<td id="demo1" valign="top"><tr align="center">
<td><img src="images/3747-1.jpg" width="180" height="160" border="0"></td>
<td><img src="images/3748-1.jpg" width="180" height="160" border="0"></td>
<td><img src="images/3749-1.jpg" width="180" height="160" border="0"></td>
<td><img src="images/3750-1.jpg" width="180" height="160" border="0"></td>
<td><img src="images/3751-1.jpg" width="180" height="160" border="0"></td>
</tr>
</table>
</td>
<td id="demo2" valign="top"></td>
</tr>
</table>
</div>

<script>
var speed=15
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>

</div>

Answer 1

这个滚动的算法就是这样，没办法，当offsetWidth>scrollLeft时，就会跳回去，从而再次循环
推荐你用一个插件吧，很好用

在百度或谷歌搜索"javascript100"插件
这个插件有一个无缝滚动功能，一句代码即可搞定