CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
IBM Rational 系统开发最佳实践工具包 WebSphere MQ 最佳实践 TOP 15
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

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

楼主wflaugh(闪)2006-03-04 14:17:30 在 Web 开发 / JavaScript 提问

<div   id=r></div>之间有一个表格,表格中有数据,让他在一定时间向上滚动指定的高度,用javascript怎么实现? 问题点数:20、回复次数:4Top

1 楼kangqin(小康)回复于 2006-03-04 14:38:55 得分 0

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

2 楼wflaugh(闪)回复于 2006-03-04 14:56:24 得分 0

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

3 楼wflaugh(闪)回复于 2006-03-06 18:24:59 得分 0

?Top

4 楼DeluxWorld(曾经的你)回复于 2006-03-06 19:29:57 得分 0

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

相关问题

  • 关于图片向上收的代码!!
  • =======求一段代码 不间断向上滚动的文字======
  • 为什么 const_cast 后r_value 变成了 l_value ( 附代码 )
  • 修改代码,实现onmuseout DIV hidden,50
  • 我想在dw中通过代码触发向下、向上按键,不知如何实现? 多谢了!
  • 代码!!
  • 代码...
  • 100分求一段拖动DIV的代码,要求见详情
  • 如何用div+css编写这样的代码?
  • 如何用javascript代码设置div背景图

关键词

  • 表格
  • 实现

得分解答快速导航

  • 帖主:wflaugh

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo