展会信息港展会大全

ASP.NET中利用DataList实现图片无缝滚动
来源:互联网   发布日期:2016-01-27 15:28:22   浏览:2254次  

导读:RepeatDirection=Horizontal DataSourceID=ObjectDataSource1 ItemTemplate table tr td asp:ImageButton ID=imgbtnInfo runat=server ImageUrl='%#Eval(Spic) %' OnClick=imgbtnInfo_ClickCommandArgument='%#Eval(ID) %' / /td /tr tr td align=center asp...

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>

赞助本站

人工智能实验室

相关热词: DataList 图片 滚动 NET

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港