ASP.NET中利用DataList實現(xiàn)圖片無縫滾動

字號:


    <asp:ImageButton ID="imgbtnInfo" runat="server" ImageUrl='<%#Eval("Spic") %>'
    OnClick="imgbtnInfo_Click"CommandArgument='<%#Eval("ID") %>' />
    </td>
    </tr>
    <tr>
    <td>
    <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" valign="bottom">
    </td>
    </tr>
    </table>
    </div>
    <script>
    //滾動的速度,數(shù)值越大速度越慢
    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) }
    </script>