網(wǎng)頁中經(jīng)常能看到動(dòng)態(tài)導(dǎo)航，想要使用dw設(shè)計(jì)一個(gè)動(dòng)態(tài)導(dǎo)航，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程。

1、制作導(dǎo)航欄，創(chuàng)建一個(gè)AP圖層，設(shè)置好圖層的背景顏色。

2、在AP圖層內(nèi)，新建一個(gè)一行四列的表格，輸入文本，輸入高值，居中對(duì)齊。再設(shè)置圖層的高與表格一樣。

3、在每個(gè)菜單下面，創(chuàng)建一個(gè)圖層，比如新聞下面，并在圖層下面插入一個(gè)一列三行的表格。

4、設(shè)置新聞下的AP層為隱藏，點(diǎn)擊預(yù)覽就看不到這個(gè)圖層。

5、選中新聞菜單所在的單元格，點(diǎn)擊行為窗口，添加行為/顯示隱藏元素。在彈出的對(duì)話框中選擇剛才隱藏的層，并點(diǎn)擊顯示，確定，改變其事件為onmouseover。

6、再根據(jù)剛才同樣的方法，設(shè)置一個(gè)當(dāng)鼠標(biāo)移開，圖層隱藏的行為。更改事件為onmouseout.

7、為了確保鼠標(biāo)能夠點(diǎn)擊到下面圖層內(nèi)表格的內(nèi)容鏈接，需要再進(jìn)一步設(shè)置，把下面的圖層移動(dòng)到新聞表格的下方，并對(duì)齊，不留縫隙。

8、設(shè)置下面圖層的屬性，點(diǎn)擊行為，添加行為，顯示、隱藏元素，在對(duì)話框中點(diǎn)擊顯示，更改事件為onmouseover。同樣也要設(shè)置一個(gè)鼠標(biāo)移開隱藏元素的行為，在這里就不在演示了。

9、其他菜單一樣設(shè)置。這樣，整個(gè)動(dòng)態(tài)導(dǎo)航欄就設(shè)置好了。

以上就是Dreamweaver網(wǎng)頁添加動(dòng)態(tài)導(dǎo)航的教程的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注VeVb武林網(wǎng)。