準(zhǔn)備工作如下:

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

  2. 設(shè)置好你自己的css風(fēng)格。

  3. 在頁面上插入一個(gè)長(zhǎng)500pix的表格(這里說明:插入表格的目的是為了控制層在不同分辨率下保持相對(duì)的位置不變,如果你的頁面之前沒有做相關(guān)設(shè)置,那么這一部你可能要費(fèi)點(diǎn)功夫整理一下你的頁面結(jié)構(gòu))。

  4. 將光標(biāo)置入表格內(nèi),點(diǎn)擊菜單 [插入――層] 插入一個(gè)長(zhǎng)500高20的圖層,并命名為layer1。

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

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

Dreamweaver制作滑動(dòng)菜單
標(biāo)簽:滑動(dòng)

相關(guān)文章

隨機(jī)推薦