ASP.NET中利用DataList实现图片无缝滚动
2012-11-23 04:41
555 查看
这个问题之前也困扰我,后来解决了,拿出来分享下,以后用也方便,代码很容易看懂,不多说什么了
<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++ } var MyMar = setInterval(Marquee, speed) demo.onmouseover = function () { clearInterval(MyMar) } demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) } </script>
相关文章推荐
- ASP.NET中利用DataList实现图片无缝滚动 实例分享
- ASP.NET中利用DataList实现图片无缝滚动 实例分享
- ASP.NET中利用DataList实现图片无缝滚动
- ASP.NET中利用JS实现图片滚动
- asp.net开发中利用jquery来实现滚动下拉标题浮动固定显示
- ASP.NET实现添加,更新,删除和用DataList显示图片
- jQuery在asp.net中实现图片自动滚动
- 利用javascript的setInterval()函数实现的图片无缝滚动
- [转]asp.net中利用ashx实现图片防盗链的原理分析
- asp.net中利用ashx实现图片防盗链的原理分析
- ASP.NET中利用ashx实现图片防盗链
- 在asp.net中使用JQuery的SlideViewer插件实现图片的滚动效果
- asp.net中利用ashx实现图片防盗链的原理分析
- Javascript基础——利用定时器实现的图片无缝滚动(offsetLeft)
- ASP.NET实现图片横向滚动功
- ASP.NET中使用JavaScript实现图片自动水平滚动效果
- Asp.net图片滚动(Jquery实现)
- ASP.NET MVC 利用IRouteHandler, IHttpHandler实现图片防盗链
- ASP.NET MVC 利用IRouteHandler, IHttpHandler实现图片防盗链