彈出菜單在網頁制作中是一種非經常用的菜單方式，這種菜單不但制作簡單，而且效果也很好。 　　
　　效果說明　本實例所要完成的效果是當鼠標移動到文字上時，就會彈出一個漂亮的菜單，如圖 17-1 和圖 17-2 所示。 　

　　創作思想　本實例首先在網頁中輸入一行文字，并對文字做一個非凡的超鏈接，然后利用 Dreamweaver MX 2004 自帶的行為制作彈出菜單。 　

　　操作步驟 　

　　（ 1 ）輸入文字并設置超鏈接。在網頁中輸入文字，因為單獨的文本文字是無法添加行為的，按照 Dreamweaver 中的約定，將文字的超鏈接設置為“ javascript:; ”才能夠添加行為。所以將文字的超鏈接設為“ javascript:; ”，并執行【顯示彈出式菜單】行為，如圖 17-3 所示。 　

　　（ 2 ）設置菜單項和子菜單項，并為菜單設置超鏈接，然后安排好各個菜單的次序，如圖 17-4 所示。

（ 3 ）設置頁面元素。將菜單設置為垂直菜單，并分別設置菜單的字體、字號、對齊方式、一般狀態和鼠標滑過時的狀態，如圖 17-5 所示。

　　（ 4 ）設置【高級】標簽。在【高級】標簽選項中設置菜單的延遲時間，以及是否顯示菜單邊框。然后設置邊框的寬度、顏色、陰影、高亮，如圖 17-6 所示。

　　注重：【菜單延遲】中時間的單位是毫秒（ ms ）， 1000 毫秒等于 1 秒，在設置時注重換算。 　

　　（ 5 ）設置的 x 軸和 y 軸參數。在【位置】標簽選項中設置彈出菜單的 x 軸和 y 軸參數，這兩個參數表示彈出菜單左上角到網頁左上角的距離，如圖 17-7 所示。

　　（ 6 ）保存網頁文件，然后在瀏覽器中打開該網頁，將鼠標光標移動到文字上方時即可看到有菜單彈出，本實例操作完畢。通過 Dreamweaver ，可以快速制作出以往只能用復雜代碼才能實現的彈出菜單，這樣可以實現復雜菜單的彈出和收縮，方便使用又能讓頁面美觀、整潔。