生活随笔
收集整理的這篇文章主要介紹了
ASP.NET中利用DataList实现图片无缝滚动
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這個問題之前也困擾我，后來解決了，拿出來分享下，以后用也方便，代碼很容易看懂，不多說什么了
[html]?view plaincopyprint?
<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实现图片无缝滚动的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
