goTOP
採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
August 5, 2010

走馬燈 (右向左)

網頁語言 » JavaScript | 閱覽(3716) | by apao
以下放至於<body >與</body>之間

<SCRIPT language="JavaScript"><!--
myMsg = "你好歡迎光臨！你好歡迎光臨！你好歡迎光臨！　　　";
myMsg = myMsg + myMsg;
myCnt = 0;
function myFunc(){
  document.myForm.myFormMes.value = myMsg.substring(myCnt,myMsg.length);
  myCnt = ( myCnt == (myMsg.length/2)-1 ) ? 0 : myCnt+1;
}
// --></SCRIPT>

<form name="myForm">
<input type="text" size="30" name="myFormMes">
</form>
<SCRIPT language="JavaScript"><!--
setInterval("myFunc()",200);
// --></SCRIPT>
備註︰
你好歡迎光臨！你好歡迎光臨！你好歡迎光臨！　　　←可自由置換，留空白有助於斷字，較容易理解。
size="30"←可用CSS控制寬度等等，較容易適用於各瀏覽器內。
參考連結︰
http://www.livemusic98.com
August 5, 2010

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

網頁語言 » JavaScript | 閱覽(4039) | by apao
範例來自︰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指定寬度等等，較適用於各瀏覽器。
分頁： 1/1 第一頁 1 最後頁 [ 顯示模式： 摘要 | 清單 ]