Posted in Javascript onJanuary 17, 2011
<!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>
在状态栏滚动文字
<!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>
js 动态文字滚动的例子
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@