網頁中經常能看到動態導航，想要使用dw設計一個動態導航，該怎么設計呢？下面我們就來看看詳細的教程。

1、制作導航欄，創建一個AP圖層，設置好圖層的背景顏色。

2、在AP圖層內，新建一個一行四列的表格，輸入文本，輸入高值，居中對齊。再設置圖層的高與表格一樣。

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

4、設置新聞下的AP層為隱藏，點擊預覽就看不到這個圖層。

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

6、再根據剛才同樣的方法，設置一個當鼠標移開，圖層隱藏的行為。更改事件為onmouseout.

7、為了確保鼠標能夠點擊到下面圖層內表格的內容鏈接，需要再進一步設置，把下面的圖層移動到新聞表格的下方，并對齊，不留縫隙。

8、設置下面圖層的屬性，點擊行為，添加行為，顯示、隱藏元素，在對話框中點擊顯示，更改事件為onmouseover。同樣也要設置一個鼠標移開隱藏元素的行為，在這里就不在演示了。

9、其他菜單一樣設置。這樣，整個動態導航欄就設置好了。

以上就是Dreamweaver網頁添加動態導航的教程的教程，希望大家喜歡，請繼續關注VeVb武林網。