:::選單帶圖變化:::
範例 

滑鼠接觸各按鈕時,各圖檔會自動換圖。
除第一個按鈕有開啟新視窗連結"隨意玩網"首頁提供測試,其他按鈕無連結網頁。

隨意玩網
 
按鈕提示文字
按鈕提示文字
按鈕提示文字
  
 
﹝另一種樣式﹞
A.貼在 <head> 這裡 </head>

可更改的部份(都在 HTML 更改)

1.  此段語法前半部是寫入滑鼠接觸按鈕後的圖檔變化,請輸入各按鈕圖檔的檔名路徑,按鈕A」是指滑鼠未接觸的圖檔,「按鈕A01」是指滑鼠接觸後的圖檔

2. 各段有「gif」這種編號,要與B段語法中相對應,增加或減少按鈕時編號要依序排列。

   
B.貼在 <body> 指定位置 </body>

可更改的部份:

1. 這段語中的按鈕是指滑鼠未接觸時的圖檔,可在頁面編輯時直接更換圖片。

2. 最後的「頁面上的圖片檔名路徑」,這張圖片的尺寸會決定所有圖片的大小。可在頁面用滑鼠移動到指定位置,還是會有語法效果。

3. 按鈕要增加時可在頁面往下增加「列」,將按鈕圖檔直接複製貼上,再更改按鈕圖檔,在html中更改「gif」編號,每段有三處。並且要在A段語法中增加控制按鈕的語法,「gif」的編號相對應。

4. 「target="_top" href="連結網頁檔名路徑」→ 輸入各按鈕的連結網頁與目標框架,「_top」是原視窗,「_blank」或「new」是新視窗開啟,「_self」是同一個框架開啟。

 --隨意玩網--語法練習--
△TOP