:::觸控顯示-7(上方):::
第一層是圖檔•第二層是文字》
範例
﹝測試頁﹞

如果覺得語法太長,可將A、B兩段語法各別製作成 js 檔,再到網頁指定位置加入呼叫的語法。﹝→ js 檔的製作﹞

  選單在不同解析度的螢幕下子目錄的位置會有所不同,解決的方式有:(1)選單靠網頁左邊。(2)使用無工具視窗(視窗-無工具視窗)。(3)使用IFRAME (視窗-網頁中的視窗-1)。

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

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

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

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

1. 這一段語法中每個「Layer」(圖層)都有三段,增加或減少選單項目都要在此調整,「Layer」的編號依序編列,並與C、D段語法相對應。

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

 

可更改的部份:

1. 這一段在設定選單項目的細節,每個項目都要製作兩個按鈕圖檔作變化,按鈕連結網頁與目標框架都可在頁面設定。

2. 每一個項目按鈕都有三個「image」的編號,增加或減少要依序編排。

3. 每個項目按鈕都有一段「...('Layer1','','show','Layer2','','hide',....」,當滑鼠接觸這個按鈕時,這個圖層「Layer」的子目錄就會出現(show),其他圖層的子目錄就會隱藏(hide)...........

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

可更改的部份:

1. 這一段在設定子目錄的細節,每一段前面的「...<div id="Layer1" style="width: 290; height: 18; position: absolute; left: 9; top: 53; ...」,Layer 的 id 要與 B、C 段語法相對應,每個子目錄的位置是以「left」(與視窗左邊的距離)、「top」(與視窗頂的距離)設定,如果頁面編排變動了就可能影響子目錄出現的位置,常需要更改好幾次,編輯最好常以「瀏覽器預覽」,避免實際位置與設定的偏差。

2. FrontPage 在頁面編輯時,可以看到這些子目錄,選取某個子目錄就會出現八個點,當滑鼠出現十字箭頭時,按住滑鼠左鍵就可以移動子目錄至指定位置。在DreamWeaver軟體,在功能表 → 視窗 → 圖層,就可叫出「圖層面板」,點選圖層的「眼睛」圖示,即可讓此圖層出現或隱藏。

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