天天看點

JavaScript狀态欄顯示滾動文字

<html>

 <head>

<script language="JavaScript">

<!--

hide var scrtxt = "狀态欄文字滾動特效." +"這是由JS腳本生成的特效." +"用到了字元串處理和延時函數."; // 定義要滾動的字元串.

var length = scrtxt.length; // 擷取滾動顯示的字元串的長度.

 var width = 100; // 定義狀态欄中用于顯示字元串的空間的寬度.

var pos = -(width + 2);// 定義起始置為-102.

//以下定義的函數用于在狀态欄中設定滾動文字.

function scroll()

{

pos++; var scroller = ""; //某個瞬間要顯示的部分.

if (pos == length)

 {

//如果位置參數已經等于字元串長度則回到初始位置.

pos = -(width + 2);

 }

 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()", 100); //十分之一秒後又執行一次,以使顯示出來的字元串内容得到更新并向左移動.

// -->

</script>

</head>

<body onLoad="scroll()">

 走馬燈的效果!

</body>

</html>

上一篇: My First J2ME
下一篇: navigator屬性

繼續閱讀