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

超简单向上间歇滚动效果

超简单向上间歇滚动效果

  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

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

站长推荐 关闭


丈夫的出轨短信竟错发给我

倾诉人:慧芳(化名),女,34岁,医务人员   慧芳,一个皮肤白皙、五官精致的女人,一副金丝眼镜为她平添了几分文气。只是透过镜片,我依然看到了她的眼中泪 ...


查看

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

等不及了,直接点击

本站通用下载
帐号:test

密码:websjy