:::觸控換頁:::
範例

  此語法運用圖層,在不同解析度中圖層的位置會有不同,解決的方式有:(1)使用無工具視窗(視窗-無工具視窗)。(2)使用IFRAME (視窗-網頁中的視窗-1).....。

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

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

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

1. submenu1」→ 數目編號要與C、D段語法中相對應。 

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

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

可更改的部份:

1. 此段貼入後,有表格與儲存格,裡面預設有五個按鈕圖位置,每一小段圖檔的語法中有「...onMouseOut="MenuOff(1);MenuOn(9)" onMouseOver="MenuOn(1);MenuOff(9)"...」→ 1是滑鼠接觸該圖檔時要顯現的圖層,編號要與A段、D段中相對應,9是頁面原有的內容。

2. 在頁面複製圖檔再貼到別個儲存格時,該圖檔也會帶著同樣的語法效果。

3. 這段語法基本上只是這麼一段→「<a href="#.htm" onMouseOut="MenuOff(1);MenuOn(9)" onMouseOver="MenuOn(1);MenuOff(9)" target="_self">」,在它後面接著貼圖語法或文字,更改裡面的數目字(圖層id),並在A、D段語法加入此圖層相對應的部份即可。

   
D.貼在 <body> C段語法後面 </body>

可更改的部份:

1. 此段為編輯圖層內容,有的編輯軟體會在頁面上出現所有圖層重疊,可在頁面上用滑鼠選擇圖層,此圖層周邊會出現八個點,滑鼠放在周圍時,會變成十字箭頭,按住左鍵即可移動圖層,將所有圖層移開分別編輯內容後,再設定正確位置,可從每個圖層的「...style="position: absolute; top: 45; left: 9;...」,top: 45 是圖層與視窗上邊的距離,數目越大越往下,left: 9 是圖層與左邊視窗的距離,數目越大越往右邊。

在Dreamweaver 的軟體,可從「視窗」→「圖層」,在圖層面板可點選各圖層的「眼睛」圖示,如點選「眼睛打開」的圖示,此圖層就會顯現在頁面上。

2. 《請注意》圖層位置會因視窗區域不同而改變,要以瀏覽器預覽來取得實際的位置。設定圖層高度要與上方的按鈕圖檔或文字位置有一些重疊,滑鼠才能選擇到圖層的內容。

3. 每個圖層都有這麼一段→「...id="submenu1" onMouseOut="MenuOff(1);MenuOn(9)" ...」→ 數目編號要與A、C段語法中的相對應。

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