制作網站在狀態欄中實現活動文字效果

2016-09-21 分類：網站建設

在大家瀏覽網站的時候，活動狀態欄的文字一個接一個從左向右冒出，是不是讓你的眼睛應接不暇呢，你是不是也想使自己的網頁有著同樣的效果呢，現在我們通過javascript程序的應用來實現這個效果，下面我們就來仔細分析一下這種動態效果是怎么產生的吧。

達到這種效果的思路是：先把要呈現的文字賦給一個變量，設置一個函數，每隔一段時間就在狀態欄上打出文字，文字遞增出現，當文字的長度等于整句話的長度的時候，使其為0，重新打出文字，不停循環就可以得到這種效果。

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

分享標題：制作網站在狀態欄中實現活動文字效果
網頁路徑：http://m.kartarina.com/news22/51372.html

成都網站建設公司_創新互聯，為您提供手機網站建設、企業網站制作、網站策劃、網站改版、小程序開發、標簽優化

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容