Seamless image scrolling using DataList in ASP. NET

<Div id = "demo" style = "overflow: hidden; width: 441px; border: 0px "> <table width =" 441 "height =" 130 "border =" 0 "cellpadding =" 0 "cellspacing =" 0 "background =" Images/img2/32.jpg"> <tr> <td align = "center" id = "demo1" valign = "bottom"> <asp: dataList ID = "DataList1" runat = "server" RepeatDirection = "Horizontal" performanceid = "objectperformance1"> <ItemTemplate> <table> <tr> <td> <asp: imageButton ID = "imgbtnInfo" runat = "server" ImageUrl = '<% # Eval ("Spic ") %> 'onclick = "imgbtnInfo_Click" CommandArgument = '<% # Eval ("ID ") %> '/> </td> </tr> <td align = "center"> <asp: linkButton ID = "lkbtnInfo" CommandArgument = '<% # Eval ("ID ") %> 'runat = "server" OnClick = "lkbtnInfo_Click" CssClass = "bb" Text = '<% # Eval ("Type") %>'> </asp: linkButton> </td> </tr> </table> </ItemTemplate> </asp: DataList> <asp: objectDataSource ID = "ObjectDataSource1" runat = "server" SelectMethod = "SelectInfo" TypeName = "mongodal. keFangServices "> </asp: objectDataSource> </td> <% -- this step is very important -- %> <td id = "demo2" align = "center" valign = "bottom"> </td> </ tr> </table> </div> <script> // scroll speed, the greater the value, the slower the speed. var speed = 20 demo2.innerHTML = demo1.innerHTML // from right to left 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)} </script>