:::觸控顯示-9(多層子目錄):::

  這個語法讓滑鼠在接觸選單按鈕時會出現多層子目錄,子目錄的色彩可以個別設定色彩,而且在不同解析度的螢幕子目錄位置不會變動。

範例
標示子目錄的圖檔
•如需圖檔,請在圖片處按滑鼠右鍵→另存圖片,請勿直接連結!

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

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

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

1. 這段語法都在設定子目錄的細節,更改的地方很多,非常瑣碎。→﹝細節說明﹞

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

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

1. 這段語法中有幾個項目在設定子目錄的細節,如語法中的中文標示。

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

可更改的部份:

1. 此段在控制沒有子目錄按鈕的圖檔變化(動態按鈕),如果不要有這種動態效果,可將E段語法中沒有子目錄的按鈕中的語法刪掉,直接在儲存格中插入按鈕圖檔,並作連結,這段語法也就不用貼了。

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

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

可更改的部份:

1. 此段語法貼入後,頁面就有表格,表格中分割有四個儲存格,前三個按鈕有子目錄,「...onMouseOver="MM_showMenu(window.mm_menu_1,0,20,null,'image1')"...」→「 mm_menu_1」就是帶動A段語法的「mm_menu_1」所編輯的內容,「0」是子目錄與儲存格的水平距離,「20」是子目錄與儲存格垂直的距離。

2. 最後的一個按鈕沒有子目錄,會有動態按鈕的效果,須製作兩個按鈕圖檔變化,如果不要這種效果,可把最後一個按鈕刪了,直接插入按鈕圖,並作連結,C段語法就不用貼,

3. 每個按鈕的語法都有如「image1」或「img4」,每個按鈕的數目編號都要不同(可依序編號)。

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