JS代碼實(shí)現(xiàn)狀態(tài)欄的分解顯示文本特效

2012/10/27 10:53:00作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

【實(shí)例描述】

在狀態(tài)欄中顯示一組文本，同時在顯示時實(shí)現(xiàn)分解顯示的效果?？蛇\(yùn)行代碼了解分解顯示的特效。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（wangbatian.cn）</title>
<SCRIPT LANGUAGE="JavaScript">
var str=""
var direction="left"        //文字移動的方向
function craAry(n)
{
    for (var i = 0; i < n; i++) {this[i] = 0}//初始化數(shù)組
    return this
}
var js_mult1=3141
var js_mult2=5821
var js_m1=100000000
var js_m2=10000
var js_iseed=0
var js_iseed1=0
var js_iseed2=0
function ArrayRandom(n)              //獲取一個隨機(jī)數(shù)
{
    if (js_iseed == 0)
    {
        now = new Date()
        js_iseed = now.getHours() + now.getMinutes() * 60 
                    + now.getSeconds() * 3600
    }
    js_iseed1 = js_iseed / js_m2
    js_iseed2 = js_iseed % js_m2
    var tmp = (((js_iseed2 * js_mult1 + js_iseed1 * js_mult2) % js_m2) * 
                js_m2 + (js_iseed2 * js_mult2)) % js_m1
    js_iseed = (tmp + 1) % js_m1
    return (Math.floor((js_iseed/js_m1) * n))
}
msgArray = craAry(5)               //初始化要顯示的文本信息
msgArray[0] = "倫敦奧運(yùn)會歡迎您的參與"
msgArray[1] = "上海世博會歡迎您的參與"
msgArray[2] = "為奧運(yùn)會作貢獻(xiàn)"
msgArray[3] = "為世博會作貢獻(xiàn)"
msgArray[4] = "當(dāng)一個合格的志愿者";
msg = ""
dmsg = ""
function viewMsg()
{
    if (msg == dmsg) 
    {
        msg = msgArray[ArrayRandom(5)]               //獲取數(shù)組中的一段隨機(jī)文本
        dmsg = "" 
        for (var ii = 0; ii < msg.length; ii++) dmsg += " "
        viewtime = window.setTimeout('viewMsg()',100)
        return true
    }
    var ii = ArrayRandom(msg.length)
    var astr = dmsg.substring(0, ii)            //間隔式的截取顯示文本中的字符
    var bstr = msg.substring(ii, ii+1)
    var cstr = dmsg.substring(ii+1, dmsg.length)
    dmsg = astr+bstr+cstr
    window.status = dmsg                        //狀態(tài)欄中顯示文本信息
    viewtime = window.setTimeout('viewMsg()',50)//循環(huán)顯示狀態(tài)欄中的信息
    return true
}
</SCRIPT>
</head>
<body bgcolor="#fef4d9" onload="viewtime = window.setTimeout('viewMsg()',500);">
</body>
</html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例中的重點(diǎn)是文本數(shù)組的隨機(jī)獲取，以及分解字符。隨機(jī)獲取文本數(shù)組使用“ArrayRandom”方法，其中使用“Math．noor”方法來獲取一個整數(shù)。分解字符使用的是字符串對象的“substring”方法，此方法用來截取從指定位置開始到指定位置結(jié)束的字符串。

【源碼下載】

如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性，你可以點(diǎn)擊：JS代碼實(shí)現(xiàn)狀態(tài)欄的分解顯示文本特效進(jìn)行本實(shí)例源碼下載

標(biāo)簽： JS代碼狀態(tài)欄文本特效