源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

ASP.NET中利用DataList实现图片无缝滚动 实例分享

  • 时间:2022-06-16 12:28 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:ASP.NET中利用DataList实现图片无缝滚动 实例分享
[html]
[u]复制代码[/u] 代码如下:
<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" 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.1sucai.cn         var MyMar = setInterval(Marquee, speed)         demo.onmouseover = function () { clearInterval(MyMar) }         demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }      </script>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部