<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post// <![CDATA[JavaScript 走馬燈 (一個字一個字出現)]]> apao <apao@www.apao.idv.tw> Wed, 04 Aug 2010 16:58:54 +0000 https://blog.apao.idv.tw/post// 範例來自︰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指定寬度等等，較適用於各瀏覽器。

Tags - , ]]> https://blog.apao.idv.tw/post//#blogcomment <![CDATA[[評論] JavaScript 走馬燈 (一個字一個字出現)]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 https://blog.apao.idv.tw/post//#blogcomment