準備工作如下:

  1. 在dw中新建一個空白文檔(或者打開你要添加效果的頁面)。

  2. 設置好你自己的css風格。

  3. 在頁面上插入一個長500pix的表格(這里說明:插入表格的目的是為了控制層在不同分辨率下保持相對的位置不變,如果你的頁面之前沒有做相關設置,那么這一部你可能要費點功夫整理一下你的頁面結構)。

  4. 將光標置入表格內,點擊菜單 [插入――層] 插入一個長500高20的圖層,并命名為layer1。

  5. 然后再將光標置入圖層layer1,點擊菜單 [插入――層] 再插入一個長500高130的圖層layer2;并將layer2的屬性中左邊距和上邊距都設置為0,并為它指定一個你喜歡的背景色。

  6. 然后重復步驟5的方法,再插入一個圖層layer3,這個圖層沒什么特殊的用處,在我的這個教程中,我只不過是為了放置幾個按鈕而已。最后我的開起來如圖:

Dreamweaver制作滑動菜單
標簽:滑動

相關文章

隨機推薦