QUESTION
常見問題
專業網站設計,網站制作服務,服務贏得上萬家企業的選擇
制作網站在狀態欄中實現活動文字效果
發表2014-06-20     閱讀:5561    
在大家瀏覽網站的時候,活動狀態欄的文字一個接一個從左向右冒出,是不是讓你的眼睛應接不暇呢,你是不是也想使自己的網頁有著同樣的效果呢,現在我們通過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>



0
上一篇: 售后服務
在線咨詢
稍后聯系
四川快乐12号码查询