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

全部博文(252)

文章存档

2012年(96)

2011年(156)

分类: 系统运维

2011-12-02 16:03:18

  1. <script type="text/javascript" language="javascript">
  2. marqueesHeight=200; //内容区高度

  3. stopscroll=false; //这个变量控制是否停止滚动

  4. with(marquees){
  5. noWrap=true; //这句表内容区不自动换行

  6. style.width=0; //于是我们可以将它的宽度设为0,因为它会被撑大

  7. style.height=marqueesHeight;
  8. style.overflowY="hidden"; //滚动条不可见

  9. onmouseover=new Function("stopscroll=true"); //鼠标经过,停止滚动

  10. onmouseout=new Function("stopscroll=false"); //鼠标离开,开始滚动

  11. }
  12. //这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:

  13. document.write('');
  14. function init(){ //初始化滚动内容

  15. //多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:

  16. while(templayer.offsetHeight<marqueesHeight){
  17. templayer.innerHTML+=marquees.innerHTML;
  18. } //把"templayer"的内容的“两倍”复制回原内容区:

  19. marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
  20. //设置连续超时,调用"scrollUp()"函数驱动滚动条:

  21. setInterval("scrollUp()",10);
  22. }
  23. document.body.onload=init;
  24. preTop=0; //这个变量用于判断滚动条是否已经到了尽头

  25. function scrollUp(){ //滚动条的驱动函数

  26. if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动

  27. preTop=marquees.scrollTop; //记录滚动前的滚动条位置

  28. marquees.scrollTop+=1; //滚动条向下移动一个像素

  29. //如果滚动条不动了,则向上滚动到和当前画面一样的位置

  30. //当然不仅如此,同样还要向下滚动一个像素(+1):

  31. if(preTop==marquees.scrollTop){
  32. marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
  33. }
  34. }
  35. </script>

 

//这里循环得到你要滚动播放的内容

 

 

 

阅读(2260) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~