javascript 小技巧(第六集)

技巧 以下是我們所製作的跑馬燈效果的來源程式

　＜html>
　＜head>
　＜script 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>
　＜body >
　Here goes your cool page!
　＜/body>
　＜/html>
　　此一程式中我們使用了和上面同樣的函數（或部分）setTimeout(...)通知，計時器在時間到時去呼叫 scroll()函數，使得跑馬燈中的文字往前進一格。 在函數的一開始，有一些較羅嗦的計算部分，但這並不難使我們瞭解，這些計算主要是用來取得跑馬燈中的文字應該由那一個位置開始顯示的用途。一開始當然是必需加一些空白在字的左邊，讓文字部分能儘可能靠右，然後再一字字的將空白減少，結果自然就造成字往前移動的效果了。