ASP.NET中利用DataList實(shí)現(xiàn)圖片無(wú)縫滾動(dòng) 實(shí)例分享
<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>
//滾動(dòng)的速度,數(shù)值越大速度越慢
var speed = 20
demo2.innerHTML = demo1.innerHTML
//從右至左
function Marquee() {
if (demo1.offsetWidth - demo.scrollLeft <= 0)
demo.scrollLeft = 0
else
demo.scrollLeft++
} www.dbjr.com.cn
var MyMar = setInterval(Marquee, speed)
demo.onmouseover = function () { clearInterval(MyMar) }
demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
</script>
- asp.net中Datalist使用數(shù)字分頁(yè)的實(shí)現(xiàn)方法
- asp.net中將數(shù)據(jù)庫(kù)綁定到DataList控件的實(shí)現(xiàn)方法與實(shí)例代碼
- ASP.Net 之Datalist刪除功能詳解附代碼
- asp.net datalist綁定數(shù)據(jù)后可以上移下移實(shí)現(xiàn)示例
- 在A(yíng)SP.NET 2.0中操作數(shù)據(jù)之三十五:使用Repeater和DataList單頁(yè)面實(shí)現(xiàn)主/從報(bào)表
- 在A(yíng)SP.NET 2.0中操作數(shù)據(jù)之三十六:在DataList里編輯和刪除數(shù)據(jù)概述
- 在A(yíng)SP.NET 2.0中操作數(shù)據(jù)之三十七:DataList批量更新
- asp.net控件DataList分頁(yè)用法
- 在A(yíng)SP.NET 2.0中操作數(shù)據(jù)之三十九:在DataList的編輯界面里添加驗(yàn)證控件
- 在A(yíng)SP.NET 2.0中操作數(shù)據(jù)之四十:自定義DataList編輯界面
相關(guān)文章
在A(yíng)sp.net core項(xiàng)目中使用WebSocket
這篇文章介紹了在A(yíng)sp.net core項(xiàng)目中使用WebSocket的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-08-08基于MVC5中的Model層開(kāi)發(fā)數(shù)據(jù)注解
下面小編就為大家分享一篇基于MVC5中的Model層開(kāi)發(fā)數(shù)據(jù)注解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12Aspnetpager對(duì)GridView分頁(yè)并順利導(dǎo)出Excel
這篇文章主要介紹了Aspnetpager對(duì)GridView分頁(yè)并順利導(dǎo)出Excel的相關(guān)資料,需要的朋友可以參考下2016-04-04ASP.NET Core 3框架揭秘之 異步線(xiàn)程無(wú)法使用IServiceProvider問(wèn)題
這篇文章主要介紹了ASP.NET Core 3框架揭秘之異步線(xiàn)程無(wú)法使用IServiceProvider問(wèn)題,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12Asp.Net、asp實(shí)現(xiàn)的搜索引擎網(wǎng)址收錄檢查程序
這篇文章主要介紹了Asp.Net、asp實(shí)現(xiàn)的搜索引擎網(wǎng)址收錄檢查程序,即實(shí)現(xiàn)檢查一個(gè)網(wǎng)址是否被搜索引擎收錄功能的小程序,需要的朋友可以參考下2014-08-08asp.net實(shí)現(xiàn)獲取客戶(hù)端詳細(xì)信息
這篇文章主要介紹了asp.net實(shí)現(xiàn)獲取客戶(hù)端詳細(xì)信息,包括客戶(hù)端瀏覽器及主機(jī)信息,感興趣的小伙伴們可以參考一下2015-12-12Asp.net ajax實(shí)現(xiàn)任務(wù)提示頁(yè)面的簡(jiǎn)單代碼
這篇文章介紹了Asp.net ajax實(shí)現(xiàn)任務(wù)提示頁(yè)面的簡(jiǎn)單代碼,有需要的朋友可以參考一下2013-11-11ASP.NET MVC 2右鍵菜單和簡(jiǎn)單分頁(yè)實(shí)例講解
在這里我們將討論的是通過(guò)一個(gè)插件實(shí)現(xiàn)ASP.NET MVC 2中的右鍵菜單和一個(gè)相當(dāng)簡(jiǎn)單的分頁(yè),希望對(duì)大家有所幫助。2015-09-09DropDownList根據(jù)下拉項(xiàng)的Text文本序號(hào)排序
在某些時(shí)候表中沒(méi)有可以排序的字段同時(shí)呢也不想修改表結(jié)構(gòu),但它的項(xiàng)文本有序號(hào)這時(shí)就可以用這方法排序,感興趣的你可以參考下,或許本文知識(shí)點(diǎn)對(duì)你有所幫助2013-03-03