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

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

以下是具體制作步驟：

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

二、點(diǎn)擊 窗口-行為 菜單，打開行為面板。

三、選中第一步輸入的文字，點(diǎn)行為面板上的+號(hào)，在彈出的菜單中選-顯示彈出式菜單。

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

五、在下列對(duì)話框分別設(shè)置內(nèi)容、外觀、高級(jí)、位置選項(xiàng)。在 內(nèi)容 選項(xiàng)中，點(diǎn)+號(hào)可以添加菜單項(xiàng)，-號(hào)可以刪除菜單項(xiàng)，縮進(jìn)項(xiàng)可以自動(dòng)生成二級(jí)菜單。

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

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

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

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

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

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

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