请问怎么用DataList或DataView做到每隔2秒向上滚动一条？

如题，怎么样做到把数据库查出来的东西，每隔2秒就滚动一次，最主要的是，我要一打开页面，就已经有数据显示出来，而不是像Marquee那样，从空白，慢慢一条一条上来，到最底，又是空白的！这样效果怎么做？？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

例如这个页面的http://www.jctrans.com/
中间那里
写个定时器,每2秒钟包裹控件的table的TOP属性上移一个高度.
我没有代码呀，反正我就要一个DataList，在一个区域里向上滚动，就如http://www.jctrans.com/
这个网站中间那里呀！！只要做到这种效果就行了！！最主要的是，我要一打开页面，就已经有数据显示出来，而不是像Marquee那样，从空白，慢慢一条一条上来，到最底，又是空白的！
<form id="Form1" method="post" runat="server">
            <TABLE cellSpacing="0" cellPadding="0" width="464" align="center" border="0" style="Z-INDEX: 101; LEFT: 88px; POSITION: absolute; TOP: 64px">
                <TR>
                    <TD>
                        <DIV id="demo" style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
                            <TABLE cellSpacing="0" cellPadding="0" align="left" border="0" cellspace="0">
                                <TBODY>
                                    <TR>
                                        <TD id="demo1" vAlign="top">
                                            <asp:DataList id="DataList1" runat="server" RepeatDirection="Horizontal" Width="464px">
                                                <ItemTemplate>
                                                    <div align="center">
                                                        <%...# DataBinder.Eval(Container.DataItem,"uname")%>
                                                    </div>
                                                </ItemTemplate>
                                            </asp:DataList>
                                        </TD>
                                        <TD id="demo2" vAlign="top">
                                        </TD>
                                    </TR>
                                </TBODY>
                            </TABLE>
                        </DIV>
                        <SCRIPT>...
                                        var speed3=25//速度数值越大速度越慢
                                        demo2.innerHTML=demo1.innerHTML
                                        function Marquee()...{
                                        if(demo2.offsetWidth-demo.scrollLeft<=0)
                                        demo.scrollLeft-=demo1.offsetWidth
                                        else...{
                                        demo.scrollLeft++
                                        }
                                        }
                                        var MyMar=setInterval(Marquee,speed3)
                                        demo.onmouseover=function() ...{clearInterval(MyMar)}
                                        demo.onmouseout=function() ...{MyMar=setInterval(Marquee,speed3)}
                        </SCRIPT>
                    </TD>
                </TR>
            </TABLE>
            </TD></TR></TABLE>
        </form>
或者：
<marquee   id="scrollArea"   onmouseover="scrollArea.stop()"   onmouseout="scrollArea.start()"scrollAmount="2"
                                                                scrollDelay="0"   direction="up"   width="200px"   height="100">        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>    </marquee>
红色部分可以放 DataList等控件,如果想左右滚动，把direction="up" 改为 left 即可
这个写代码要花点气力.
给你个构思.
1.外部控件的overflow属性
2.CSS定位
这两个你先弄懂再说在外面用个DIV容器,属性设为OVERFLOW
里面有个DIV,包裹REPEATER
REPEATER的数据源为重复的两组相同的滚动图片数据源
用javascript控制包裹REPEATER的内层DIV的位移改变(每2秒,那就写个定时器触发)
代码如果你非要的话,可以给你个参考(大同小异)先把里面的代码琢磨透了,尤其是JAVASCRIPT块,再说:
谁帮我做个例子呀？把整个.NET的工程都发给我！！数据就查NorthWind的就行了！有的话上传到这里就行了！http://upload.raingi.com/我试过行的话就直接结贴了！急用呀！在线等
用javascript控制包裹REPEATER的内层DIV的位移改变(每2秒,那就写个定时器触发)
<HTML>
  <HEAD>
  <title>表格上下滚动</title>
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">
  </HEAD>
  <body>
  <div id=demo style="OVERFLOW: hidden; HEIGHT: 42px">
<div id=demo1>
<table cellSpacing=1 cellPadding=1 width="100%" border=1>
   <tr style="height:20px"><td>A</td></tr>
   <tr style="height:20px"><td>B</td></tr>
   <tr style="height:20px"><td>C</td></tr>
   <tr style="height:20px"><td>D</td></tr>
   <tr style="height:20px"><td>E</td></tr>
   <tr style="height:20px"><td>F</td></tr>
   <tr style="height:20px"><td>G</td></tr>
   <tr style="height:20px"><td>H</td></tr>
   <tr style="height:20px"><td>I</td></tr>
   <tr style="height:20px"><td>J</td></tr>
   <tr style="height:20px"><td>K</td></tr>
   <tr style="height:20px"><td>L</td></tr>
    </table>    </div>
    <div id=demo2></div>
    </div>
    <script>
var speed=100
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop+=1;
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
  </body>
  </HTML>红色的换成你要显示的东西
<HTML>
  <HEAD>
  <title>表格上下滚动</title>
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">
  </HEAD>
  <body>
  <div id=demo style="OVERFLOW: hidden; HEIGHT: 42px">
<div id=demo1>
<table cellSpacing=1 cellPadding=1 width="100%" border=1>
   <tr style="height:20px"><td>A</td></tr>
   <tr style="height:20px"><td>B</td></tr>
   <tr style="height:20px"><td>C</td></tr>
   <tr style="height:20px"><td>D</td></tr>
   <tr style="height:20px"><td>E</td></tr>
   <tr style="height:20px"><td>F</td></tr>
   <tr style="height:20px"><td>G</td></tr>
   <tr style="height:20px"><td>H</td></tr>
   <tr style="height:20px"><td>I</td></tr>
   <tr style="height:20px"><td>J</td></tr>
   <tr style="height:20px"><td>K</td></tr>
   <tr style="height:20px"><td>L</td></tr>
    </table>    </div>
    <div id=demo2></div>
    </div>
    <script>
var speed=100
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop+=1;
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
  </body>
  </HTML>demo1里放你要显示的东西
ganmk很好，谢谢你，这个OK，我尝试成功了！
我想每隔2秒才向上滚2行信息，要怎么写呀？帮我解决这个马上结贴了
你们说我有构思不会写代码我也没办法，我没学过JS的
看看这篇文章也许对你有帮助http://blog.csdn.net/nopole/archive/2008/06/10/2532064.aspx