源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

js 动态文字滚动的例子

  • 时间:2020-09-01 11:56 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js 动态文字滚动的例子
[u]复制代码[/u] 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>这是一个动态JavaScript文字显示的例子</title> <script type="text/JavaScript"> var POSITION = 50; var DELAY = 150; var MESSAGE = "这是一个动态JavaScript文字显示的例子"; function bannerObject(){ this.msg = MESSAGE; this.out = " "; this.pos = POSITION; this.delay = DELAY; this.i = 0; this.reset = clearMessage; }   function clearMessage(){ this.pos = POSITION; } var scroll = new bannerObject(); function scroller(){ scroll.out += " "; if(scroll.pos>0) for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++){ scroll.out +=" " ; } if (scroll.pos>= 0) scroll.out += scroll.msg; else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length); document.noticeForm.notice.value = scroll.out; scroll.out = " "; scroll.pos--; scroll.pos--; if (scroll.pos < -(scroll.msg.length)) { scroll.reset(); } window.setTimeout("scroller()", scroll.delay); } </script> </head> <body onload="scroller()" bgcolor="#000000" link="#C0C0C0" vlink="#C0C0C0" alink="#008080" text="#C0C0C0"> <table border="0" cellspacing="0" cellpadding="0"> <tr><td width="100%"> <form name="noticeForm" action=""> <p><input type="text" name="notice" size="50" style="background-color: rgb(192,192,192)"/></p> </form> </td></tr> </table> </body> </html>
在状态栏滚动文字
[u]复制代码[/u] 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>这是一个跑马灯效果的JavaScript文档-在状态栏</title> <script type="text/JavaScript"> var msg = "这是一个跑马灯效果的JavaScript文档"; var interval = 100; var spacelen = 120; var space10 = " "; var seq = 0; function Scroll() { len = msg.length; window.status = msg.substring(0, seq + 1); seq++; if (seq >= len) { seq = spacelen; window.setTimeout("Scroll2();", interval); } else window.setTimeout("Scroll();", interval); } function Scroll2() { var out = ""; for (i = 1; i <= spacelen / space10.length; i++) out +=space10; out = out + msg; len = out.length; window.status = out.substring(seq, len); seq++; if (seq >= len) { seq = 0; }; window.setTimeout("Scroll2();", interval); } Scroll(); </script> </head> <body> </body> </html>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部