JavaScript 小技巧(第六集)

　　 以下是我們所制作的跑馬燈效果的源程序

?。糷tml>
?。糷ead>
?。約cript language="JavaScript">
?。?-- Hide
　var scrtxt="這兒的訊息可以改為你要告訴別人的話　 "+"
　或是注意事項 ...";
　var lentxt=scrtxt.length;

　var width=100;
　var pos=1-width;
　function scroll() {
　pos++;
　var scroller="";
　if (pos==lentxt) {
　pos=1-width;
　}
　if (pos＜0) {
　for (var i=1; i＜=Math.abs(pos); i++) {
　scroller=scroller+" ";}
　scroller=scroller+scrtxt.substring(0,width-i+1);
　}
　else {
　scroller=scroller+scrtxt.substring(pos,width+pos);
　}
　window.status = scroller;
　setTimeout("scroll()",150);
　}
　//-->
?。?script>
?。糱ody onLoad="scroll();return true;">
　Here goes your cool page!
?。?body>
?。?html>
　　此一程式中我們使用了和上面同樣的函數（或部分）setTimeout(...)通知，計時器在時間到時去呼叫 scroll()函數，使得跑馬燈中的文字往前進一格。 在函數的一開始，有一些較羅嗦的計算部分，但這并不難使我們了解，這些計算主要是用來取得跑馬燈中的文字應該由那一個位置開始顯示的用途。一開始當然是必需加一些空白在字的左邊，讓文字部分能盡可能靠右，然后再一字字的將空白減少，結果自然就造成字往前移動的效果了。

原文轉自：http://www.kjueaiud.com