學習參考書JavaScript精緻範例辭典

回首頁 與我們連絡 網站地圖 加入我的最愛


 

幻化隱現文字

本範例的文字特效主要是來引起瀏覽者的注意!通常用於網站之進站畫面特效,當然也可以是網站名稱或是網站單元項目的特效!

步驟一:用滑鼠將底下<SCRIPT Language="JavaScript"></SCRIPT>這兩個標記內的程式碼(含標記本身藍色的喔),標記起來,按滑鼠右鍵選擇【複製】〈游標不能離開標示起來的反白區喔〉將以下的控制碼先複製起來。

步驟二:然後在網頁中的 </HEAD> 之前按滑鼠右鍵選擇【貼上】將剛剛複製的東東貼上!(其實只要把程式碼貼在<HEAD></HEAD>標記中間任何一個地方都可以啦!)

步驟三:<BODY></BODY>標記中間你要放置特效文字的地方加上下列網頁敘述!

<SPAN id=mytext style="POSITION: absolute"></SPAN>


步驟四:網頁中的<BODY>標記要改寫成<BODY onload="colorText();">,這樣才能正確動作哦!大功告成!

注意:本範例最佳適用IE瀏覽器若使用於NetScape瀏覽器則將會有位置的誤差。

 
<HTML>
<HEAD>
<TITLE></TITLE>

<SCRIPT language=JavaScript>
<!--
speed = 100 
//訊息文字變換的速度
big = 6 
//訊息文字的大小
message = "幻化隱現文字"
//欲顯示的訊息文字
count = 0
co = "0123456789abcdef"

//測試瀏覽器是否為IE
if(navigator.appName=='Microsoft Internet Explorer') {testIE =true}
else{testIE=false}


function colorText() 

if (count > 15){
if (co == "0123456789abcdef")
{
co = "fedcba9876543210"
count = 0

else {count=0}
}

//以下為訊息文字的變換色彩設定,可自行變換
a=co.charAt(count)
b=co.charAt(count-2)
c=co.charAt(count+3)
color=c+b+a+a+b+c

//用於NetScapt瀏覽器時的敘述
if(testIE == false)

document.mytext.document.write('<p> </p><font size='+big+' color='+color+ '>' + message +'</font>')
document.mytext.document.close()
}

//用於IE瀏覽器時的敘述
if(testIE == true)

document.all('mytext').innerHTML = '<font size='+big+' color=' + color + '>' + message +'</font>'
}
count++
setTimeout("colorText()",speed)

}

//-->
</SCRIPT>


</HEAD>
<!--設定網頁下載後就進行文字特效-->
<BODY onload="colorText();">

 <!--文字特效的顯現位置敘述-->
<SPAN
id=mytext style="POSITION: absolute"></SPAN>


</BODY>
</HTML>

JavaScript 文件
鏈結圖片切換
簡易月曆
隨機背景底圖
蹦出式廣告視窗
觸控式背景色轉換
游標跑馬燈
鏈結說明跑馬燈
文字鏈結提示說明
四處移動的圖片
圖片式進站時間
簡易線上占卜
文字拉把遊戲
圖片拉把遊戲
定時更換圖片(1)
定時更換圖片(2)
項目導覽說明
上下震動與捲動頁面
飛行定位文字
旋轉飛行文字
幻化隱現文字
漫天飛舞
落葉片片
浮動鏈結選單
側拉式鏈結選單
友站連結/快速選單
 

本網頁內容由昱得資訊工作室楊宗誌(小誌 )製作(C) Copyright Valor-Studio since in 1993
非經正式書面同意,不得將全部或部分內容,以任何方式轉載於其他網站或用於任何商業行為