Asp.net datalist 圖片連續循環滾動 不出現空白 問題解決

<div id="ProductsShowInFPBody"><div id="demo" style ="width:1000px;height:220px; overflow :hidden "><table ><tr><td><div id="demo1" ><asp:DataList ID="dstProduct"runat="server" DataSourceID="odsproduct" RepeatDirection="Horizontal"><ItemTemplate><div id="ProductItem"><div id="ProductPic"><img src ="Pic/ProductPic/<%# eval_r("PicUrl") %>" alt="暫無圖" title ="" class="ProductPic" /></div> </div></ItemTemplate></asp:DataList></div></td><td><div id="demo2" ></div></td></tr></table></div>

<script type="text/javascript"> var speed=10; //設置圖片滾動速度 demo2.innerHTML=demo1.innerHTML //複製demo1為demo2 function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0) //當滾動至demo1與demo2交界時 demo.scrollLeft-=demo1.offsetWidth //dome跳到最左端 else{ demo.scrollLeft++ } } var MyMar=window.setInterval(Marquee,speed) //設置定時器 demo.onmouseover=function () {clearInterval(MyMar)} //滑鼠移上時清除定時器達到滾動停止的目的 demo.onmouseout=function () {MyMar=setInterval(Marquee,speed)}//滑鼠移開時重設定時器，繼續滾動 </script>