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

raingi520 2008-06-15 10:17:26

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

...全文

307 29 打赏收藏转发到动态举报

写回复

用AI写文章

29 条回复

切换为时间正序

请发表友善的回复…

发表回复

mezzi100 2008-06-18

打赏
举报

11楼已经给出答案了，那段脚本真是用烂了。

nopole 2008-06-18

打赏
举报

看看这篇文章也许对你有帮助

http://blog.csdn.net/nopole/archive/2008/06/10/2532064.aspx

crucialname 2008-06-17

打赏
举报

[Quote=引用 3 楼 juedaihuaihuai 的回复:]
ajax
[/Quote]

荆棘鸟 2008-06-17

打赏
举报

这是我刚进公司的时候我们公司的牛人跟我说的。

荆棘鸟 2008-06-17

打赏
举报

多看看资料，网上一大堆js的资料，做程序员不能说没学过，如果你现在不开始学，那你永远也没学过啊，呵呵，

raingi520 2008-06-17

打赏
举报

[Quote=引用 23 楼 ganmk 的回复:]
[code=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=…
[/Quote]

ganmk很好，谢谢你，这个OK，我尝试成功了！
我想每隔2秒才向上滚2行信息，要怎么写呀？帮我解决这个马上结贴了

你们说我有构思不会写代码我也没办法，我没学过JS的。。。

豆丁_ 2008-06-16

打赏
举报

[Quote=引用 2 楼 ghostbear 的回复:]
up
[/Quote]

raingi520 2008-06-16

打赏
举报

[Quote=引用 14 楼 winner2050 的回复:]
引用 9 楼 raingi520 的回复:
我没有代码呀，反正我就要一个DataList，在一个区域里向上滚动，就如http://www.jctrans.com/
这个网站中间那里呀！！只要做到这种效果就行了！！最主要的是，我要一打开页面，就已经有数据显示出来，而不是像Marquee那样，从空白，慢慢一条一条上来，到最底，又是空白的！

照抄人家的好了。
[/Quote]
晕，直接看ＨＴＭＬ代码哪跟后台的代码一样呀 -_-!

ganmk 2008-06-16

打赏
举报



<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 2008-06-16

打赏
举报



<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>

红色的换成你要显示的东西

46539492 2008-06-16

打赏
举报

做程序员最重要的就是讲究思路，没有一个思路，代码写得再好也没用。。。。
有了思路不会写代码，也没什么用。。。

46539492 2008-06-16

打赏
举报

[Quote=引用 13 楼 raingi520 的回复:]
谁帮我做个例子呀？把整个.NET的工程都发给我！！数据就查NorthWind的就行了！

有的话上传到这里就行了！http://upload.raingi.com/

我试过行的话就直接结贴了！急用呀！在线等
[/Quote]
楼主够强！
写工程给你？晕。
还是别干程序员这行了。。。。

winner2050 2008-06-15

打赏
举报

[Quote=引用 9 楼 raingi520 的回复:]
我没有代码呀，反正我就要一个DataList，在一个区域里向上滚动，就如http://www.jctrans.com/
这个网站中间那里呀！！只要做到这种效果就行了！！最主要的是，我要一打开页面，就已经有数据显示出来，而不是像Marquee那样，从空白，慢慢一条一条上来，到最底，又是空白的！
[/Quote]

照抄人家的好了。

raingi520 2008-06-15

打赏
举报

谁帮我做个例子呀？把整个.NET的工程都发给我！！数据就查NorthWind的就行了！

有的话上传到这里就行了！http://upload.raingi.com/

我试过行的话就直接结贴了！急用呀！在线等

一品梅 2008-06-15

打赏
举报

这个写代码要花点气力.
给你个构思.
1.外部控件的overflow属性
2.CSS定位
这两个你先弄懂再说

在外面用个DIV容器,属性设为OVERFLOW
里面有个DIV,包裹REPEATER
REPEATER的数据源为重复的两组相同的滚动图片数据源
用javascript控制包裹REPEATER的内层DIV的位移改变(每2秒,那就写个定时器触发)
代码如果你非要的话,可以给你个参考(大同小异)先把里面的代码琢磨透了,尤其是JAVASCRIPT块,再说:

dushouke 2008-06-15

打赏
举报

<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 即可