主頁(yè) > 知識(shí)庫(kù) > ASP.NET中利用DataList實(shí)現(xiàn)圖片無縫滾動(dòng) 實(shí)例分享

ASP.NET中利用DataList實(shí)現(xiàn)圖片無縫滾動(dòng) 實(shí)例分享

[html]

復(fù)制代碼代碼如下:

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.jb51.net
        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)示例
在ASP.NET 2.0中操作數(shù)據(jù)之三十五：使用Repeater和DataList單頁(yè)面實(shí)現(xiàn)主/從報(bào)表
在ASP.NET 2.0中操作數(shù)據(jù)之三十六：在DataList里編輯和刪除數(shù)據(jù)概述
在ASP.NET 2.0中操作數(shù)據(jù)之三十七：DataList批量更新
asp.net控件DataList分頁(yè)用法
在ASP.NET 2.0中操作數(shù)據(jù)之三十九：在DataList的編輯界面里添加驗(yàn)證控件
在ASP.NET 2.0中操作數(shù)據(jù)之四十：自定義DataList編輯界面

標(biāo)簽：棗莊 POS機(jī) 拉薩廈門南平益陽(yáng) 攀枝花咸寧

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《ASP.NET中利用DataList實(shí)現(xiàn)圖片無縫滾動(dòng) 實(shí)例分享》，本文關(guān)鍵詞；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。

佳木斯湛栽影视文化发展公司

ASP.NET中利用DataList實(shí)現(xiàn)圖片無縫滾動(dòng) 實(shí)例分享

QQ咨詢

電話咨詢