在大家瀏覽網(wǎng)站的時(shí)候，活動(dòng)狀態(tài)欄的文字一個(gè)接一個(gè)從左向右冒出，是不是讓你的眼睛應(yīng)接不暇呢，你是不是也想使自己的網(wǎng)頁(yè)有著同樣的效果呢，現(xiàn)在我們通過(guò)JavaScript程序的應(yīng)用來(lái)實(shí)現(xiàn)這個(gè)效果，下面我們來(lái)仔細(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)可以得到這種效果。
下面，我們來(lái)看一看程序吧！ var msg = "歡迎光臨��！ " ; // msg變量是設(shè)定狀態(tài)欄要出現(xiàn)的文字（一句話）var interval = 1 //設(shè)定間隔多少毫秒文字長(zhǎng)度增加一個(gè)，此處是1毫秒var seq=0; //代表動(dòng)態(tài)的文字長(zhǎng)度f(wàn)unction 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，重新來(lái)過(guò)else window.setTimeout("Scroll();", interval ); } Scroll();
把上述源代碼拷入Html文件的標(biāo)簽中可以有如下的效果：
- TEL：131 7970 3111
-
慧網(wǎng)微信
- 掃描二維碼
- 關(guān)注邳州在線
-
手機(jī)網(wǎng)站
- 手機(jī)掃描二維碼
- 進(jìn)入手機(jī)站
網(wǎng)站地圖
付款方式