:::觸控顯示-10(左側):::

這個語法讓滑鼠在接觸選單文字時子目錄會有陰影效果,在不同解析度的螢幕子目錄位置不會變動。

範例
選單按鈕的圖檔
•如需圖檔,請在圖片處按滑鼠右鍵→另存圖片,請勿直接連結!

如果覺得某段 JavaScript 語法太長,可製作成 js 檔,再到網頁指定位置加入呼叫的語法。﹝→ js 檔的製作﹞

在 Dreamweaver 軟體時程式碼最前面一段「"http://www.w3.org/TR/html4/loose.dtd"」要刪掉。

                          
A.貼在<head> 這裡 </head>

                   
B.貼在<head> 這裡 </head>

       
C.貼在<head> 這裡 </head>

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

1. 選單許多細節設定都在此段語法,如語法中的中文標示部份。

2. background-image: url(圖片檔名路徑); /*主選單按鈕的圖檔*/  → 當輸入圖片檔名路徑,它就自動成為主選單按鈕底圖。

3. height: 224px; /*主選單的總高度*/  → 總高度的正確設定,才能使主選單的文字正確居於按鈕底圖中,例如:範例中單一個圖片高度是28,有八個按鈕,所以總高度是28x8=224。

4. filter:progid:DXImageTransform.Microsoft.Shadow(color=#777777, Direction=120, Strength=5); /*子目錄陰影的設定*/  →  設定陰影的色彩、方向、寬度。

   
D.貼在<head> 這裡 </head>

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

1. 此段語法在編輯主選單與子目錄內容。

2. 「...[null, '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;單元標題01', null,....」 → 使用空白標籤(&nbsp;),讓文字置於按鈕中的適當位置。

3. 「...[null, '單元01-1', '#.htm', '_self', null],...」 子目錄的文字、連結網頁、連結目標。 

4. 如增加或減少主選單的單元項目時,記得要更改 C段語法中主選單的總高度 

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

可更改的部份:

1. 將此段貼入頁面所分割的指定表格中。

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