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

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


 

友站連結/快速選單

這個範例雖然是以友站連結作為示範,但是它的用途其實很多,你也可以將它改成〔網站地圖〕也就是網站各單元的快速選取,或是檔案下載的快速選單!運用你的創意修改成合適你的樣式吧!  

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

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

步驟三:然後再將 網頁中的<BODY></BODY>標記中間之間的網頁敘述( 綠色)標記起來,按滑鼠右鍵選擇【複製】〈游標一樣不能離開標示起來的反白區〉將控制碼先複製起來。

步驟四:在網頁中的<BODY></BODY>標記中間你要放置表單的地方按滑鼠右鍵選擇【貼上】將剛剛複製的東東貼上!

步驟五:把本例程式碼標示為橘色的選單項目及其連結更換為你自己的選單項目與連結。

注意:本範例的選擇項目並非固定的,你可以依需要自行加減項目

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


<SCRIPT Language="JavaScript">
<!--
// Valor工作室小誌 [valor Studio]
//必須對應表單中選擇項目下拉文字欄位敘述
var URL=new Array(3) 
//連結項目個數設定
var MSG=new Array(3)
//簡介欄位個數設定


//指定連結項目的網址
//必須對應表單中選擇項目下拉文字欄位敘述
URL[0] = ""
URL[1] = "
http://www.twbts.com/"
URL[2] = "
http://gb.twbts.com/"

//指定連結項目的簡介內容
//必須對應表單中選擇項目下拉文字欄位敘述
MSG[0] = ""
MSG[1] = "
最佳教學網站"
MSG[2] = "
最佳討論區"

//進行指定項目網址與簡介的說明程式敘述
function infomation()
{
document.station.introduce.value = MSG[document.station.stationname.selectedIndex]
document.station.stationURL.value =URL[document.station.stationname.selectedIndex]
}

//進行指定項目網址連結的程式敘述
function openURL()
{
location.href = document.station.stationURL.value
}

// -->
</SCRIPT>


</HEAD>

<BODY>

<!--表單欄位敘述開始-->
<FORM name=station>
<table border="1" cellspacing="1">
<tr>

<!--表單中顯示網址的文字欄位敘述-->
<td><INPUT name=stationURL> </td>

<!--表單中選擇項目下拉文字欄位敘述-->
<td><SELECT name=stationname onchange=infomation()>
<OPTION selected value=0>
友站連結 
<OPTION value=1>
麻辣學園 
<OPTION value=2>
麻辣家族討論版版 
</OPTION></SELECT> </td>
</tr><tr><td>

<!--表單中顯示簡介的文字欄位敘述-->
<TEXTAREA cols=35 name=introduce rows=1 wrap=physical>網站簡介</TEXTAREA> 
</td></tr><tr><td colspan="2">

<!--表單中的按鈕欄位敘述-->
<p align="center"><INPUT name=GOURL onclick=openURL() type=button value=前往參觀> 
</td></tr></table></FORM>

<!--表單欄位敘述截止-->


</BODY>
</HTML>

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

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