手机
当前位置:查字典教程网 >编程开发 >asp.net教程 >ASP.NET中利用DataList实现图片无缝滚动 实例分享
ASP.NET中利用DataList实现图片无缝滚动 实例分享
摘要:[html]复制代码代码如下://滚动的速度,数值越大速度越慢varspeed=20demo2.innerHTML=demo1.innerH...

[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") %>'

CommandArgument='<%#Eval("ID") %>' />

</td>

</tr>

<tr>

<td align="center">

<asp:LinkButton ID="lkbtnInfo" CommandArgument='<%#Eval("ID") %>' runat="server"

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实现图片无缝滚动 实例分享】相关文章:

ASP.NET中使用Application对象实现简单在线人数统计功能

asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

asp.net中利用ashx实现图片防盗链的原理分析

ASP.NET中实现模板页

在ASP.NET中调用存储过程方法新解

ASP.NET中用healthMonitor属性用法

ASP.NET程序中用Repeater实现分页

ASP.NET中application对象的使用介绍

ASP.NET Ajax级联DropDownList实现代码

ASP.NET User Control使用技巧一则

精品推荐
分类导航