DataLis綁定圖片無縫滾動

 

別人寫的，很不錯呢！

 

<div id="demo" style="overflow: hidden; width: 600px;"> <table cellpadding="0" cellspacing="0"> <tr> <td id="demo1"> <asp:DataList ID="dlPicShow" runat="server" RepeatColumns="20" RepeatDirection="Horizontal"> <ItemTemplate> <table cellpadding="0" cellspacing="0"> <tr> <td> <%--顯示圖片--%> <img id="Image1" src='<%# Eval("minPicUrl") %>' border="0"> </td> </tr> </table> </ItemTemplate> </asp:DataList> </td> <%--顯示圖片--%> <td id="demo2"> </td> </tr> </table> <br /> <br /> </div> <mce:script type="text/javascript" language="javascript"><!-- //滾動速度 var speed = 20; demo2.innerHTML = demo1.innerHTML //從右至左 function Marquee() { if (demo1.offsetWidth - demo.scrollLeft <= 0) demo.scrollLeft = 0 else demo.scrollLeft++ } var MyMar = setInterval(Marquee, speed) demo.onmouseover = function () { clearInterval(MyMar) } demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) } // --></mce:script>