使用Dreamweaver和Flash在制作網(wǎng)頁(yè)下拉菜單隨著(zhù)網(wǎng)頁(yè)制作技術(shù)的不斷發(fā)展，網(wǎng)頁(yè)制作水平也在不斷提高，但要制作出一個(gè)好的網(wǎng)頁(yè)，菜單的設計非常重要。而下拉菜單是網(wǎng)頁(yè)中常見(jiàn)的效果之一，即將鼠標移到主菜單或在主菜單上單擊，就會(huì )顯示一個(gè)彈出菜單，這樣不僅節省網(wǎng)頁(yè)排版上的空間，而且使網(wǎng)頁(yè)布局簡(jiǎn)潔有序。網(wǎng)頁(yè)下拉菜單的制作方法很多，有些是通過(guò)編寫(xiě)復雜的JavaScript程序來(lái)設計，有些網(wǎng)站建設公司是通過(guò)Dreamweaver的顯示或隱藏層的方法來(lái)實(shí)現，但這些方法或者復雜，或者效果不好，給制作下拉菜單造成一定的困難。

其實(shí)在Dreamweaver中可以利用Show Pop-up Menu行為，或在 Flash中利用按鈕響應鼠標事件，都可以輕松制作出下拉菜單。

1 在Dreamweaver中利用Show Pop-up Menu行為制作下拉  菜單.

1.1 導入主菜單  在網(wǎng)頁(yè)中導入事先制作完成的主菜單按鈕。

1.2 制作彈出菜單  選中主菜單后，選擇“窗口標簽檢查器”命令，在打開(kāi)的Tap<img>面板中單擊“+”（行為添加）按鈕，再從顯示的行為列表中選擇用于制作彈出菜單的Show Pop-up Menu（顯示彈出式菜單）命令。

步驟1  在顯示彈出式菜單對話(huà)框的“目錄”選項卡中文本區域輸入彈出菜單的內容，再單擊“+”添加按鈕，所建立的菜單內容就會(huì )出現在對話(huà)框中的列表中�？梢詾槠湓O定鏈接，指定單擊菜單時(shí)跳轉的網(wǎng)頁(yè)文檔或網(wǎng)站地址。用同樣的方法添加制作要在彈出菜單中顯示的其他菜單。

步驟2   在“外觀(guān)”選項卡中，設置下拉菜單中的字體、大小、顏色、背景色、排列方式以及鼠標移上去后的文字顏色、背景色等外觀(guān)屬性。

步驟3   在“高級”選項卡中，設置下拉菜單的寬度、高度，菜單間的空白邊距、文字間距，邊框的寬度、顏色以及陰影、高亮顯示等屬性。

步驟4  在“位置”選項卡中，設置下拉菜單與主菜單的位置關(guān)系。有4種位置可供選擇：主菜單的右下角、低于且位于主菜單的左邊緣、高于且位于主菜單的左邊緣、主菜單的上邊緣。并且還可以對4種位置關(guān)系進(jìn)行X、Y水平和垂直坐標值的調整。彈出菜單制作完成后。

2 在Flash中利用按鈕響應鼠標事件制作下拉菜單

2.1 創(chuàng )建文件  新建一個(gè)寬400 px，高150 px的Flash文件。

2.2 制作主菜單

步驟1  通過(guò)選擇“插入/新元件”命令，新建一個(gè)名為“主菜單”、類(lèi)型為“按鈕”的元件。

步驟2  利用工具箱中矩形工具繪制一個(gè)邊框為黑色、填充色為藍色的矩形（或者可以利用其他的工具繪制圓形、不規則圖形，也可以導入一個(gè)外部圖片）。調整寬為100 px，高為20 px。通過(guò)“設計面板/對齊”功能使矩形位于舞臺正中央（方法：首先選擇“對于舞臺”，再選擇對齊的上下居中、左右居中，才會(huì )達到位于舞臺正中央的效果）。

步驟3  利用文字工具輸入文字“學(xué)習內容”，直接調整文字的大小、字體、顏色等，并將調整好的文字放在矩形中央。也可以給按鈕加上箭頭用以修飾。

步驟4   用鼠標右鍵單擊時(shí)間軸上的over幀插入關(guān)鍵幀，將填充色改為綠色。