Chinaunix首页 | 论坛 | 博客
  • 博客访问: 2316249
  • 博文数量: 252
  • 博客积分: 5472
  • 博客等级: 大校
  • 技术积分: 3107
  • 用 户 组: 普通用户
  • 注册时间: 2011-09-17 18:39
文章分类

全部博文(252)

文章存档

2012年(96)

2011年(156)

分类: 系统运维

2011-11-16 11:33:48

数据库中读取一个list,里面装的是你要显示的新闻内容。
取list比较容易 我就不啰嗦了
然后用以下的js代码
 
  1. <div id="mq" style="width:100%;height:120px;overflow:hidden" onmouseover="iScrollAmount=0"
  2. onmouseout="iScrollAmount=1">
  3. //这里循环取得你的新闻内容

  4. </div>
  5. 注意这里div中样式的height你可以根据你的实际情况去改变啊!
  6. <script>
  7. var oMarquee = document.getElementById("mq"); //滚动对象

  8. var iLineHeight = 25; //单行高度,像素

  9. var iLineCount = <%=list.size()%>; //实际行数

  10. var iScrollAmount = 1; //每次滚动高度,像素

  11. function run() {
  12. oMarquee.scrollTop += iScrollAmount;
  13. if ( oMarquee.scrollTop == iLineCount * iLineHeight )
  14. oMarquee.scrollTop = 0;
  15. if ( oMarquee.scrollTop % iLineHeight == 0 ) {
  16. window.setTimeout( "run()", 0 );
  17. } else {
  18. window.setTimeout( "run()", 50 );
  19. }
  20. }
  21. oMarquee.innerHTML += oMarquee.innerHTML;
  22. window.setTimeout( "run()", 0 );
  23. </script>
阅读(1543) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~