怎么实现让一个<div id=r></div>中的代码隔一段时间向上滚动?

<body>
<div style="width:200px;height:100px;overflow:hidden">
<div id="scroll" style="position:relative;top:0px">
<table border="1">
<tr><td>111</td><td>222</td><td>333</td></tr>
<tr><td>111</td><td>222</td><td>333</td></tr>
<tr><td>111</td><td>222</td><td>333</td></tr>
<tr><td>111</td><td>222</td><td>333</td></tr>
<tr><td>111</td><td>222</td><td>333</td></tr>
<tr><td>111</td><td>222</td><td>333</td></tr>
<tr><td>111</td><td>222</td><td>333</td></tr>
<tr><td>111</td><td>222</td><td>333</td></tr>
<tr><td>111</td><td>222</td><td>333</td></tr>
<tr><td>111</td><td>222</td><td>333</td></tr>
<tr><td>111</td><td>222</td><td>333</td></tr>
</table>
</div>
</div>
<script type="text/javascript">
var obj=document.getElementById("scroll");
var scrollUnit=1; //滚动高度
var interval=100; //时间间隔
setTimeout(scroll,interval);
function scroll()
{
obj.style.pixelTop-=scrollUnit;
setTimeout(scroll,interval);
}
</script>
</body>

解决方案 »

  1.   

    http://china.alibaba.com/
    我是想实现这个网站中的代码效果,但,他的这个效果是一次滚动两行,我想让他一次显示6行数据,然后一次向上滚动6行,他的那个滚动的高度我不知道是哪里控制
      

  2.   

    <body>
    <div style="width:200px;height:180px;overflow:hidden">
    <div id="scroll" style="position:relative;top:0px">
    <table border="1">
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    <tr><td>111</td><td>222</td><td>333</td></tr>
    </table>
    </div>
    </div>
    <script type="text/javascript">
    var obj=document.getElementById("scroll");
    var scrollUnit=1; //滚动高度
    var interval=100; //时间间隔
    scroll();
    function scroll()
    {
    obj.style.pixelTop-=scrollUnit;
    setTimeout(scroll,interval);
    }
    </script>
    </body>