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

全部博文(252)

文章存档

2012年(96)

2011年(156)

分类: 系统运维

2011-11-13 20:58:05

 

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head></head>
  4. <body>
  5. <div id="marquees"> <a href=http://edu.chinaz.com/Get/Program/"#">链接一链接一链接一链接一链接一</a>
  6. <br> <a href=http://edu.chinaz.com/Get/Program/"#">链接二</a>
  7. <br> <a href=http://edu.chinaz.com/Get/Program/"#">链接三</a>
  8. <br> <a href=http://edu.chinaz.com/Get/Program/"#">链接四</a>
  9. <br>
  10. </div>
  11. <script type="text/javascript" language="javascript">
  12. marqueesHeight=200; //内容区高度
  13. stopscroll=false; //这个变量控制是否停止滚动
  14. with(marquees){
  15. noWrap=true; //这句表内容区不自动换行
  16. style.width=0; //于是我们可以将它的宽度设为0,因为它会被撑大
  17. style.height=marqueesHeight;
  18. style.overflowY="hidden"; //滚动条不可见
  19. onmouseover=new Function("stopscroll=true"); //鼠标经过,停止滚动
  20. onmouseout=new Function("stopscroll=false"); //鼠标离开,开始滚动
  21. }
  22. //这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:
  23. document.write('');
  24. function init(){ //初始化滚动内容
  25. //多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:
  26. while(templayer.offsetHeight<marqueesHeight){
  27. templayer.innerHTML+=marquees.innerHTML;
  28. } //"templayer"的内容的“两倍”复制回原内容区:
  29. marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
  30. //设置连续超时,调用"scrollUp()"函数驱动滚动条:
  31. setInterval("scrollUp()",10);
  32. }
  33. document.body.onload=init;
  34. preTop=0; //这个变量用于判断滚动条是否已经到了尽头
  35. function scrollUp(){ //滚动条的驱动函数
  36. if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
  37. preTop=marquees.scrollTop; //记录滚动前的滚动条位置
  38. marquees.scrollTop+=1; //滚动条向下移动一个像素
  39. //如果滚动条不动了,则向上滚动到和当前画面一样的位置
  40. //当然不仅如此,同样还要向下滚动一个像素(+1)
  41. if(preTop==marquees.scrollTop){
  42. marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
  43. }
  44. }
  45. </script>
  46. </body>
  47. </html>
阅读(2840) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~