在大家瀏覽網站的時候,活動狀態欄的文字一個接一個從左向右冒出,是不是讓你的眼睛應接不暇呢,你是不是也想使自己的網頁有著同樣的效果呢,現在我們透過JavaScript程式的應用來實現這個效果,下面我們就來仔細分析一下這種動態效果是怎麼產生的吧。
要達到這種效果的想法是:先把要呈現的文字賦給一個變量,設定一個函數,每隔一段時間就在狀態欄上打出文字,文字遞增出現,當文字的長度等於整句話的長度的時候,使其為0,重新打出文字,不停循環就可以得到這個效果。
下面,我們就來看看原始程式吧。
<script language="JavaScript">
var msg = "歡迎光臨5D多媒體!! " ;
// msg變數就是設定狀態列要出現的文字(一句話)
var interval = 120
//設定間隔多少毫秒文字長度增加一個,這裡是120毫秒
var seq=0;
//代表動態的文字長度
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
//文字的字元加一
seq++;
//動態文字的長度加一
if ( seq >= len ) {
seq = 0;
window.status = '';
window.setTimeout("Scroll();", interval );
}
//如果動態文字長度和整句話相同,則動態文字的長度設為0,重新來過
else
window.setTimeout("Scroll();", interval );
}
Scroll();
</script>
把上述原始碼拷到Html檔案的<body></body>標籤中可以有如下的效果: