想实现从动态表中取出动态数据,数据向上滚动。
样式基本上这样的:时间       出发     到达
12:21        北京     上海
13:40        西安     广州表头不变,数据内容向上滚动,每隔1分钟进行数据刷新。

解决方案 »

  1.   

    用marquee 实现,参考代码如下<asp:DataList ID="dl_Record" runat="server" Width="100%" Height="169px">
    <HeaderTemplate>
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <marquee direction="up" behavior="scroll" scrollamount="2" scrolldelay="200">
    </HeaderTemplate>
    <ItemTemplate>
    <td>
    <a href='UserRegister.aspx?id=<%# Eval("Id") %>'>
    <%# Eval("Title") %></a>
    </td>
    </ItemTemplate>
    <FooterTemplate>
    </marque> </tr> </table>
    </FooterTemplate>
    </asp:DataList> 
    每隔1分钟进行数据刷新
    ==
    每隔1分钟异步发个请求,更新数据源即可
      

  2.   


     <marquee id="scroller" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2">
    循环内容
    </marquee>
      

  3.   

     <marquee id="scroller" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2">
    循环内容
    </marquee>
      

  4.   

    <div class="midtop1">
    <script>
        var marqueeContent = new Array();   //滚动主题
        marqueeContent[0]='<a href="/1.htm"></a>';
    marqueeContent[1]='<a href="/2.htm"></a>';
        var marqueeInterval = new Array();  //定义一些常用而且要经常用到的变量
        var marqueeId = 0;
        var marqueeDelay = 4000;
        var marqueeHeight = 15;
        function initMarquee() {
            var str = marqueeContent[0];
            document.write('<div id=marqueeBox style="overflow:hidden;height:' + marqueeHeight + 'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>' + str + '</div></div>');
            marqueeId++;
            marqueeInterval[0] = setInterval("startMarquee()", marqueeDelay);
        }
        function startMarquee() {
            var str = marqueeContent[marqueeId];
            marqueeId++;
            if (marqueeId >= marqueeContent.length) marqueeId = 0;
            if (marqueeBox.childNodes.length == 1) {
                var nextLine = document.createElement('DIV');
                nextLine.innerHTML = str;
                marqueeBox.appendChild(nextLine);
            }
            else {
                marqueeBox.childNodes[0].innerHTML = str;
                marqueeBox.appendChild(marqueeBox.childNodes[0]);
                marqueeBox.scrollTop = 0;
            }
            clearInterval(marqueeInterval[1]);
            marqueeInterval[1] = setInterval("scrollMarquee()", 10);
        }
        function scrollMarquee() {
            marqueeBox.scrollTop++;
            if (marqueeBox.scrollTop % marqueeHeight == marqueeHeight) {
                clearInterval(marqueeInterval[1]);
            }
        }
        initMarquee();
    </script></div>
      

  5.   

    gridview 定时翻页也可以实现各