如何用Dreamweaver輕松制作彈出菜單

彈出菜單是網頁制作中非常常見的菜單方法，不僅制作簡單，而且效果很好。效果描述這個例子的效果是，當鼠標移動到文本上時，會彈出壹個漂亮的菜單，如圖17-1和圖17-2所示。創意本示例首先在網頁中輸入壹行文本，並制作壹個指向該文本的特殊超鏈接，然後使用Dreamweaver MX 2004自身的行為制作壹個彈出菜單。操作步驟(1)輸入文本並設置超鏈接。在網頁中輸入文本，因為單個文本不能添加行為。根據Dreamweaver中的約定，將文本的超鏈接設置為？JavaScript:；？才能添加行為。所以把文本的超鏈接設置為？JavaScript:；？，並顯示彈出菜單，如圖17-3所示。(2)設置菜單項和子菜單項，並為菜單設置超鏈接，然後排列每個菜單的順序，如圖17-4所示。(3)設置頁面元素。將菜單設置為垂直菜單，分別設置菜單的字體、字號、對齊方式、通用狀態和鼠標懸停狀態，如圖17-5所示。(4)設置高級標簽。設置菜單的延遲時間以及是否在高級選項卡選項中顯示菜單邊框。然後設置邊框的寬度、顏色、陰影、高光，如圖17-6所示。註意:菜單延遲中的時間單位是ms，1000 ms等於1秒。設置時註意換算。(5)設置X軸和Y軸參數。在位置標簽選項中設置彈出菜單的X軸和Y軸參數，表示彈出菜單左上角到網頁左上角的距離，如圖17-7所示。(6)保存網頁文件，然後在瀏覽器中打開網頁。當您將鼠標光標移到文本上時，您可以看到壹個彈出菜單。這個例子就完成了。通過Dreamweaver，可以快速制作過去只能通過復雜代碼才能實現的彈出菜單，可以實現復雜菜單的彈出和收縮，使頁面美觀整潔。