返回列表 回复 发帖 ‹‹ 上一主题 | 下一主题 ››

超简单向上间歇滚动效果

超简单向上间歇滚动效果

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=GBK">
  5.     <title>文字间歇向上滚动</title>
  6.     <meta name="author" content="zolra">
  7.     <style type="text/css">
  8.         #ScrollBox { width:400px;height:24px;overflow:hidden;line-height:24px;font-size:12px;border:1px solid #ccc;padding-left:10px; }
  9.         #ScrollBox a { display:block; }
  10.     </style>
  11. </head>

  12. <body>
  13.     <div id="ScrollBox">
  14.         <a href="#">关于推出“联合在线”客户专属转账优惠套餐的通告</a>
  15.         <a href="#">满金宝点差优惠活动通知</a>
  16.         <a href="#">关于下调个人网银转账(汇款)业务收费标准的通告</a>
  17.         <a href="#">《新金融》期刊征订启事</a>
  18.     </div>
  19. </body>
  20. </html>
  21. <script type="text/javascript">
  22. with(scrollBox = document.getElementById("ScrollBox")){
  23.     var height = 24;    //滚动高度,与line-height一致
  24.     var speed = 20;     //滚动速度(ms)
  25.     var delay = 2000;   //停留间隔(ms)
  26.     var pause = 0;      //是否暂停

  27.     scrollBox.innerHTML += scrollBox.innerHTML;
  28.     scrollBox.scrollTop = 0;
  29.     onmouseover = Function("pause=1");
  30.     onmouseout = Function("pause=0");
  31.     (scroll=Function("if(scrollBox.scrollTop%height||!pause)scrollBox.scrollTop++,scrollBox.scrollTop%=scrollBox.scrollHeight>>1; setTimeout(scroll,scrollBox.scrollTop%height?speed:delay)"))();
  32. }
  33. </script>
复制代码
设计源微博 http://weibo.com/websjy

顶你!辛苦了~

TOP

返回列表 回复 发帖 ‹‹ 上一主题 | 下一主题 ››

站长推荐 关闭


[余情杂感]最铁的哥们,他女朋友勾引了我……

陈杰,是我哥们,也是老乡,还是同学。在老家,虽然我们初中就在同一个学校。但一直到高中才是同班同学。大学我们一起在北京读同一所学校。毕业后。我们一起来深 ...


查看

本论坛已升级,此站将停止注册、发帖、回复!
10 秒钟将自动跳转到新站。

等不及了,直接点击

本站通用下载
帐号:test

密码:websjy