用javascript實現動態瀏覽DataList中的內容

來源:互聯網
上載者:User

     <div id="show" style="overflow: hidden; height: 122px;">
                                                    <asp:DataList ID="DataList1" runat="server" OnItemDataBound="DataList1_ItemDataBound"
                                                        Width="100%">
                                                        <ItemTemplate>
                                                            <table cellspacing="0" cellpadding="4" width="100%" border="0">
                                                                <tbody>
                                                                    <tr>
                                                                        <td class="black" style="width: 9%;">
                                                                            <img src="images/LogImg6/images/qqlist2.gif" algin="middle" />
                                                                        </td>
                                                                        <td style="width: 66%;" valign="middle">
                                                                            <a href="#" onclick="showWindow('news.aspx?topics=<%#Server.UrlEncode(Eval("topic").ToString()) %>&content=<%#Server.UrlEncode(Eval("content").ToString()) %>',300,500)">
                                                                                <asp:Label ID="_lblContentnews" runat="server" Text='<%#Eval("topic") %>'></asp:Label></a>
                                                                        </td>
                                                                        <td>
                                                                            <asp:Label ID="_lblNewsDate" runat="server" Text='<%#((DateTime)Eval("dates")).ToShortDateString() %>'></asp:Label>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </ItemTemplate>
                                                    </asp:DataList>
                                            </div>

 

 <script type="text/javascript">
                                                function startmarquee(lh, speed, delay) {
                                                    var t;
                                                    var oHeight = 122;
                                                    var p = false;
                                                    var o = document.getElementById("show");
                                                    var preTop = 0;
                                                    o.scrollTop = 0;
                                                    function start() {
                                                        t = setInterval(scrolling, speed);
                                                        o.scrollTop += 1;
                                                    }
                                                    function scrolling() {
                                                        if (o.scrollTop % lh != 0 && o.scrollTop % (o.scrollHeight - oHeight - 1) != 0) {
                                                            preTop = o.scrollTop;
                                                            o.scrollTop += 1;
                                                            if (preTop >= o.scrollHeight || preTop == o.scrollTop) {
                                                                o.scrollTop = 0;
                                                            }
                                                        } else {
                                                            clearInterval(t);
                                                            setTimeout(start, delay);
                                                        }
                                                    }
                                               setTimeout(start, delay);
                                           }
                                           var isgun = "<%=count%>";
                                                if(isgun>5)
                                                startmarquee(25, 20, 1500);
                                            </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.