:::觸控顯示-5(上方•圖檔):::
範例
﹝測試頁﹞

選單在網頁置中時(全部靠視窗左邊就不會有此情況),在不同解析度的螢幕,子目錄的位置會有所不同,最好以「IFRAME」來呈現網頁→﹝網頁中視窗-1﹞

在Dreamweaver軟體編輯時,要把最前面「"http://www.w3.org/TR/html4/loose.dtd"」刪除,否則子目錄位置無法設定。

這選單須個別製作多個按鈕圖檔,所以要會使用影像軟體。

範例頁圖檔
單元標題圖檔
單元標題圖檔
(滑鼠接觸時)
子目錄圖檔
子目錄圖檔
(滑鼠接觸時)
子目錄空白圖檔
   
  
A.貼在 <head> 這裡 </head>

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

可更改的部份:

1. 開頭有一段是單元標題的設定,show為顯現子目錄,hide是隱藏子目錄。

2. 在HTML(程式碼)中,可以看到每一段子目錄都有其位置,各有連結、連結的目標框架、圖檔、編號,只要仔細的運用複製貼上,並更改各個數目編號,其實也沒有很複雜。

3. 語法中每個連結預設的目標框架為「target="_self」,是「相同框架」,可自行依需要更改。如果某個項目不連結時,在「href=""」中不要輸入任何文字即可。

4. 子目錄位置的設定在每一段的開頭「...position: absolute; left: 0; top: 46;....」,left是與視窗左邊的距離,top是與視窗頂的距離,當left:0時在不同解析度的螢幕時都不會有走位。如果用「網頁中的視窗」(IFRAME),子目錄在編輯時與上傳至網頁空間後也會有不同,請多以「預覽」調整至正確位置。

5. 語法中預設是以網頁內容中邊界都是=0 的狀態下,單元標題與子目錄位置剛好符合,請自行調整。

6. 語法中圖檔會有預設的長與寬,請自行調整。

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