ASP.NET中利用DataList實現圖片無縫滾動 執行個體分享

來源:互聯網
上載者:User

[html] 複製代碼 代碼如下:<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++
} www.2cto.com
var MyMar = setInterval(Marquee, speed)
demo.onmouseover = function () { clearInterval(MyMar) }
demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
</script>
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.