制作網(wǎng)站在狀態(tài)欄中實(shí)現(xiàn)活動(dòng)文字效果

在大家瀏覽網(wǎng)站的時(shí)候，活動(dòng)狀態(tài)欄的文字一個(gè)接一個(gè)從左向右冒出，是不是讓你的眼睛應(yīng)接不暇呢，你是不是也想使自己的網(wǎng)頁(yè)有著同樣的效果呢，現(xiàn)在我們通過javascript程序的應(yīng)用來實(shí)現(xiàn)這個(gè)效果，下面我們就來仔細(xì)分析一下這種動(dòng)態(tài)效果是怎么產(chǎn)生的吧。

達(dá)到這種效果的思路是：先把要呈現(xiàn)的文字賦給一個(gè)變量，設(shè)置一個(gè)函數(shù)，每隔一段時(shí)間就在狀態(tài)欄上打出文字，文字遞增出現(xiàn)，當(dāng)文字的長(zhǎng)度等于整句話的長(zhǎng)度的時(shí)候，使其為0，重新打出文字，不停循環(huán)就可以得到這種效果。

下面，我們來看一看源程序吧。
<script language="javascript">
var msg = "歡迎光臨5D多媒體 ??！ " ;
// msg變量就是設(shè)定狀態(tài)欄要出現(xiàn)的文字（一句話）
var interval = 120
//設(shè)定間隔多少毫秒文字長(zhǎng)度增加一個(gè)，此處是120毫秒
var seq=0;
//代表動(dòng)態(tài)的文字長(zhǎng)度
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
//文字的字符加一
seq++;
//動(dòng)態(tài)文字的長(zhǎng)度加一
if ( seq >= len ) {
seq = 0;
window.status = ';
window.setTimeout("Scroll();", interval );
}
//如果動(dòng)態(tài)文字長(zhǎng)度和整句話相同，則動(dòng)態(tài)文字的長(zhǎng)度設(shè)為0，重新來過
else
window.setTimeout("Scroll();", interval );
}
Scroll();
< /script>

分享標(biāo)題：制作網(wǎng)站在狀態(tài)欄中實(shí)現(xiàn)活動(dòng)文字效果
網(wǎng)頁(yè)路徑：http://www.bm7419.com/news22/51372.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、網(wǎng)站策劃、網(wǎng)站改版、小程序開發(fā)、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)