:::觸控顯示-3(上方•圖檔):::
範例

﹝測試頁﹞

選單在網頁置中時,在不同解析度的螢幕,子目錄的位置會有不同,最好以「IFRAME」來呈現網頁。→﹝網頁中視窗-1﹞

這選單須個別製作按鈕圖檔,每個標題要有兩個按鈕圖變化,所以要會使用影像軟體。

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

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

可更改的部份:

1. 在語法中「<div id="M1Menu" style="position:..........</div>」就是每個標題與觸控下的子目錄,要增加時,複製整段往下貼上,並改其中所有「M1Menu」的編號。

2. 在Dreamweaver軟體編輯時,要把最前面「"http://www.w3.org/TR/html4/loose.dtd"」刪除。

3. <div id="M1Menu" style="position: absolute; width: 90; height: 100; z-index: 1; left: 13; top: 45; background-color: #FFFFA2;.....」→ 語法中每個標題最前面都有這一段,可以控制子目錄的位置、底色...等等。FrontPage的軟體中可在頁面選擇子目錄,當滑鼠成十字箭頭時,即可移動位置,最好在頁面與html中交互設定,讓所有子目錄位置都適當,並且高度都一致。

4. 子目錄高度要覆蓋在標題圖檔上,才能選擇子目錄裡面的選單連結。

5. 按鈕圖檔的設定在最下面的語法中,每個標題要有兩個按鈕圖檔,增加或刪除時,要注意「M1Menu」與「Image1」裡面的編號。

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