goTOP
August 5, 2010

JavaScript 走馬燈 (一個字一個字出現)

| |
網頁語言 » JavaScript | 閱覽(4065) | Posted by apao at 00:58
範例來自︰http://www.fa-hua.com.tw



以下放至於<body></body>之間


<SCRIPT language="JavaScript"><!--
myMsg = " 你好歡迎光臨!";
myCnt = 0;
myDspFlg = 0;


function myFunc(){
  if ( myDspFlg == 0 ){
    document.myForm.myFormMes.value = myMsg.substring(0,myCnt);
    if ( myCnt == myMsg.length ){
      myCnt = 0;
      myDspFlg = 1;
    }else{
      myCnt += 1;
    }
  }else if ( myDspFlg == 1 ){
    document.myForm.myFormMes.value = "";
    myDspFlg = 2;
  }else{
    document.myForm.myFormMes.value = myMsg;
    myCnt ++;
    if ( myCnt == 5 ){
      myDspFlg = 0;
      myCnt = 0;
    }else{
      myDspFlg = 1;
    }
  }
}
// --></SCRIPT>

<form name="myForm">
<input type="text" size="30" name="myFormMes">
</form>
<SCRIPT language="JavaScript"><!--
setInterval("myFunc()",200);
// --></SCRIPT>


備註︰
你好歡迎光臨!←可自由置換
size="30"←可以CSS指定寬度等等,較適用於各瀏覽器。

Facebook twitter LINEk
文章来自: 本站原創
0 Comment(s)
我要發表評論
暱稱
密碼 [ 訪客無需密碼 ]
電郵
網址
開啟HTML 開啟UBB 開啟表情 隱藏 記住我