Asp. NET for seamless scrolling of pictures with DataList

This problem before also troubled me, later solved, take out to share under, later use also convenient, code is easy to understand, not much to say what

[HTML]View Plaincopyprint?

2. <div id="Demo" style="Overflow:hidden; width:441px; border:0px ">
4. <table width="441" height=" border=" 0 " cellpadding=" 0 " cellspacing="0" background="images/img2/32.jpg">
6. <tr>
8.                  <td align= "center"  id= "Demo1"  valign= "bottom" >  
10. <asp:datalist id="DataList1" runat="Server" repeatdirection="Horizontal " datasourceid="ObjectDataSource1">
12. <ItemTemplate>
14. <table>
16. <tr>
18. <TD>
20.                                           <asp:imagebutton  id= "Imgbtninfo"  runat= "server"  imageurl= <%# Eval ("spic")  %> '  onclick= ' Imgbtninfo_click '   
22. commandargument=' <% #Eval ("ID")%> ' />
24. </td>
26. </tr>
28. <tr>
30.                                       <td align= "center" >  
32.                                           <asp:linkbutton  id= "Lkbtninfo"   Commandargument= <% #Eval ("ID")  %> '  runat = "server" &NBSP;&NBSP;
34.                                               OnClick=" Lkbtninfo_click " cssclass=" BB "  text= ' <% #Eval ("Type")  %> ' ></asp:linkbutton>   
36. </td>
38. </tr>
40. </Table>
42. </ItemTemplate>
44. </asp:datalist>
46. <asp:objectdatasource id="ObjectDataSource1" runat= "server" selectmethod=" Selectinfo "
48. typename="hoteldal.kefangservices"></asp:objectdatasource>
50. </td>
52. <%--This step is important--%>
54. <TD Id="Demo2" align= "Center" valign="Bottom">
56. </td>
58. </tr>
60. </Table>
62. </div>
64. <script>
66. Scrolling speed, the higher the value, the slower the speed
68. var speed =
70. demo2.innerhtml = demo1.innerhtml
72. From right to left
74. function Marquee () {
76. if (Demo1.offsetwidth-demo.scrollleft <= 0)
78. Demo.scrollleft = 0
80. Else
82. demo.scrollleft++
84. }
86. var mymar = setinterval (Marquee, speed)
88. Demo.onmouseover = function () {clearinterval (MyMar)}
90. Demo.onmouseout = function () { MyMar = setinterval (Marquee, Speed)}
92. </Script>

Asp. NET for seamless scrolling of pictures with DataList