Question

图片连续滚动问题，为什么下面的代码滚动一次就停了？？大侠帮忙看看哈

<div id="demo" style="overflow:hidden;height:100px;width:980px;">
<table align="left" cellpadding="0" cellspacing="0" border="0"><tr><td id="demo1" valign="top">
<asp:DataList ID="DataList1" runat="server"
RepeatColumns="6" Width="100%" >
<ItemTemplate>

<a href="productmore<%#Eval("id") %>.html"><img src="<%#Eval("propic") %>" title="<%#Eval("protitle") %>" alt="" width="150" height="100" class="imgbk" /></a>

</ItemTemplate>
</asp:DataList>
</td><td id="demo2" valign="top"></td></tr></table></div>
<script>
var speed=30
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
var demo=document.getElementById("demo");
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>

Answer 1

这里有一个无缝滚动效果
方向可以自己设置
可以设置定高定宽停顿
你把文字改成图片就行
里面有源码可以参考