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

2016-10-19 1455 2 編輯:深色多郎 來源:網站程序設計

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

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


下面,我們來看一看源程序吧。

<script language="javascript">

var msg = "深圳網站建設公司 " ;

// 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>

妹子鍵盤

瞧這妹子,真的是醉了!

本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾