ASP.NET中利用DataList实现图片无缝滚动
2018-06-18 04:51:53来源:未知 阅读 ()
这个问题之前也困扰我,后来解决了,拿出来分享下,以后用也方便,代码很容易看懂,不多说什么了
- <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>
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 利用反射给对象按顺序赋值 2020-05-28
- 如何利用Spring Boot 整合微信小程序实现登录与增删改查(含 2020-05-20
- 利用Java实现指定文件夹下的照片以自定义格式移动 2020-03-12
- 利用接口及抽象类设计实现 2020-01-09
- 习题两则的简化(利用for循环) 2020-01-03
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash