一個(gè)不錯(cuò)的漸隱文字效果第1/2頁(yè)

更新時(shí)間：2007年05月05日 00:00:00 作者：

我想實(shí)現(xiàn)一個(gè)，點(diǎn)一下按鈕，text里面的文字漸漸消失，換成別的文字后，又漸漸出現(xiàn)的功能。
主要是這個(gè)函數(shù)
function chgtext() {
        hidetext();
        ide++;
        document.all.title.value=ide;
        showtext();
}
點(diǎn)一下執(zhí)行一次這個(gè)函數(shù)，可是實(shí)現(xiàn)不了，請(qǐng)大家?guī)兔Ω囊幌?，謝謝

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">  <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>無(wú)標(biāo)題文檔</title>  <script language="JavaScript">  var col=153;  function hidetext() {      document.getElementById("title").style.color="rgb(" + col + "," + col + "," + col + ")";       if (col != 0){col -= 1;}      setTimeout('hidetext()', 10);   }  function showtext() {      document.getElementById("title").style.color="rgb(" + col + "," + col + "," + col + ")";       if (col != 153){col += 1;}      setTimeout('showtext()', 10);   }  var ide=0;  function chgtext() {      hidetext();      ide++;          document.all.title.value=ide;      showtext();  }  </script>  </style>  </head>  <body>  <form name="titlechk">                              <tr>                                  <td width="210" colspan="6" background="img/jb_bg_t2.jpg">                                      <div   class="bb22kxo"   id="inputbox" style="margin-left: 11px; margin-bottom: 2px;">                                                                                  <input id="title" type="text" name="stitle" class="tmptxt" value="GuitarMusic" style="font-size: 12px; width: 180px; height: 16px; border: none;" readonly align="absmiddle">                                    </div>                                  </td>                              </tr>                              <input name="text1" type="button" onClick="chgtext()">                                </form>                                </body>  </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

效果一

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>無(wú)標(biāo)題文檔</title> <script language="JavaScript"> var col=255; var se=1 function chg() {     document.getElementById("title").style.color="rgb(" + col + "," + col + "," + col + ")";      if (col == 0){se = 1;}     else if(col == 255){se = -1;}          col += se;     setTimeout('chg()', 10);  } </script> </style> </head> <body onload="chg()"> <form name="titlechk">                             <tr>                                 <td width="210" colspan="6" background="img/jb_bg_t2.jpg">                                     <div   class="kxz87sl"   id="inputbox" style="margin-left: 11px; margin-bottom: 2px;">                                                                                <input id="title" type="text" name="stitle" class="tmptxt" value="GuitarMusic" style="font-size: 12px; width: 180px; height: 16px; border: none;" readonly align="absmiddle">                                   </div>                                 </td>                             </tr>                             <input name="text1" type="button" onClick="chg()">                              </form>                              </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

效果二：

12 下一頁(yè)閱讀全文

您可能感興趣的文章: