當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JS代碼實現狀態欄中文字從中間分開顯示

JS代碼實現狀態欄中文字從中間分開顯示

2012/10/27 17:15:51作者：佚名來源：網絡

移動端

【實例名稱】

JS代碼實現狀態欄中文字從中間分開顯示

【實例描述】

狀態欄的文字特效有很多，本例學習如何將文本由中間向兩邊展開并滾動顯示。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（www.yzddtk.cn）</title>
<SCRIPT LANGUAGE="JavaScript">
var phrase = "倫敦奧運會，歡迎各路英雄和志愿者??！期待您的參與！ "; //要顯示的信息
var lenPhrase = phrase.length;                                      //信息的長度
var phraseOut = "";
var pause = 100;                                                    //間隔時間
var i=0;
var j=0;
function statusTxt() 
{
    i++;
    phraseOut = "";
    for (j=1; j<=(lenPhrase/2)-i; j++) {       //添加一半內容的空格
      phraseOut += "  ";
    } 
    for (j=1; j<=i; j++) {
      phraseOut += phrase.charAt(j-1);          //開始從中間往左顯示文本
    }
    for (j=i; j>=1; j--) {
      phraseOut += phrase.charAt(lenPhrase-j);//開始從中間往右顯示文本
    }
    window.status = phraseOut;              //在狀態欄中輸出
    if (i<lenPhrase/2) {                    //還沒到一半的時候，循環執行。
        setTimeout("statusTxt()",pause);
    }
}
</SCRIPT>
</head>
<body bgcolor="#fff4d9" OnLoad="statusTxt()">
</body>
</html>
 
【運行效果】

運行效果

【難點剖析】

本例的重點是獲取中間位置。通過“lenPhrase/2”獲取文本信息的中間位置．然后使用“charAt（j-1）”獲取文本信息的一個字符，從中間位置逐個顯示文本：“charAt”方法是JavaScript中字符串對象的常用操作，表示從指定位置獲取一個字符。

【源碼下載】

如果你不愿復制代碼及提高代碼準確性，你可以點擊：JS代碼實現狀態欄中文字從中間分開顯示進行本實例源碼下載

標簽：狀態欄

上一篇：JS代碼實現狀態欄文字從右彈出
下一篇：JS代碼實現屏蔽掉IE自帶的功能鍵

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频