在一些企業(yè)或門戶網(wǎng)站的導(dǎo)航欄中，經(jīng)常會看到下拉菜單，這樣會使用戶操作方便一些。在之前的教程中，我們也講過wordpress下拉菜單的制作方法。

其實，用Dreamweaver軟件就可以給DISCUZ網(wǎng)站制作下拉菜單，只需要點幾下就出來了。而且良好地兼容IE、FF瀏覽器。

以下是具體制作步驟：

一、打開Dreamweaver，點擊 文件-新建 菜單，創(chuàng)建一個HTML文件，輸入網(wǎng)站導(dǎo)航欄文字，并選中輸入的文字，在下面的屬性欄鏈接處加一個空鏈接：#。然后保存該網(wǎng)頁文件。

二、點擊 窗口-行為 菜單，打開行為面板。

三、選中第一步輸入的文字，點行為面板上的+號，在彈出的菜單中選-顯示彈出式菜單。

四、在彈出的對話框中勾選 Don't show me this message again(不要再次向我提示此信息)，再點 繼續(xù)。

五、在下列對話框分別設(shè)置內(nèi)容、外觀、高級、位置選項。在 內(nèi)容 選項中，點+號可以添加菜單項，-號可以刪除菜單項，縮進項可以自動生成二級菜單。

六、各項都設(shè)置好后，按F12，在瀏覽器中預(yù)覽網(wǎng)頁效果如下：

此時你會發(fā)現(xiàn)和網(wǎng)頁同級的目錄多了兩個文件，分別是：arrows.gif、mm_menu.js。請勿修改、移動位置，這是彈出式菜單必須的圖片、JS文件。

如需修改下拉菜單，可以選中文字，點擊行為面板的 顯示彈出式菜單 即可。

如果下拉菜單下面有Flash，為了不影響下拉菜單的正常效果和層次，需要給Flash添加透明代碼：?，還需在embed標簽中加入代碼：wmode="transparent"。

相關(guān)教程：如何制作網(wǎng)站導(dǎo)航的二級菜單

標簽： 代碼 網(wǎng)站制作 制作網(wǎng)站

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。