:::拉門網頁-2:::
範例
﹝測試頁﹞
                 
A. 貼在 <head> 這裡 </head>

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

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

2. A段語法是CSS語法,在設定左右兩個版面的一些細節,因為有利用到透明背景,請自行在頁面選擇背景色或背景圖片。

3. 

DIV.Page01 {

PADDING-RIGHT: 0px; → 版面右邊的墊充

PADDING-LEFT: 0px; → 版面左邊的墊充

FILTER: alpha(opacity=70); → 表格透明度,數目越小越透明。

LEFT: 10px; → 版面與視窗左邊的距離

PADDING-BOTTOM: 0px; → 表格與版面底的距離

PADDING-TOP: 40px; → 表格與版面頂的距離

POSITION: absolute;

TOP: 0px;  → 版面與視窗頂的距離

BACKGROUND-COLOR: #ffffff → 版面的背景色

}/*左邊版面*/

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

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

可更改的部份:

1. 除幾個部份要在html中修改,其他可在頁面直接編輯。

左右兩邊版面的設定》

<DIV class=Page01 style="width: 550; height: 500"> →左邊版面的寬與高。
<DIV class=Page02 style="width: 550; height:500"> →右邊版面的寬與高。

《 向左、向右圖檔位置與滑動距離的設定》

<DIV class=left style="top: 310; left: 360"> → 向右圖檔的位置。

<A href="javascript:slidePage(true,0,1270)"> → 1270 是滑動右邊的距離。

<IMG src="向右按鈕圖檔檔名路徑" .....>

3. 頁面上如有使用背景音樂或動態gif圖檔,在頁面拉動後,音樂就會停止,動態gif檔會變成不能動了。

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