ASP.NET中怎么利用DataList实现图片无缝滚动

这篇文章给大家介绍ASP.NET中怎么利用DataList实现图片无缝滚动 ，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

[html]

<div id="demo" > 
        <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" DataSourceID="ObjectDataSource1"> 
                        <ItemTemplate> 
                            <table> 
                                <tr> 
                                    <td> 
                                        <asp:ImageButton ID="imgbtnInfo" runat="server" ImageUrl='<%#Eval("Spic") %>' OnClick="imgbtnInfo_Click" 
                                            CommandArgument='<%#Eval("ID") %>' /> 
                                    </td> 
                                </tr> 
                                <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="HotelDAL.KeFangServices"></asp:ObjectDataSource> 
                </td> 
                <%-- 这一步很重要 --%> 
                <td id="demo2" align="center" valign="bottom"> 
                </td> 
            </tr> 
        </table> 
    </div> 
    <script> 
        //滚动的速度，数值越大速度越慢 
        var speed = 20 
        demo2.innerHTML = demo1.innerHTML 
        //从右至左  
        function Marquee() { 
            if (demo1.offsetWidth - demo.scrollLeft <= 0) 
                demo.scrollLeft = 0 
            else 
                demo.scrollLeft++ 
        }  www.jb51.net
        var MyMar = setInterval(Marquee, speed) 
        demo.onmouseover = function () { clearInterval(MyMar) } 
        demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }  
    </script>

关于ASP.NET中怎么利用DataList实现图片无缝滚动 就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。