這個(gè)效果你可以通過(guò)2中途徑實(shí)現(xiàn)，使用框架或者是使用JavaScript代碼1使用框架查找框架中的二級(jí)菜單組建，如Bootstrap中的導(dǎo)航條中的二級(jí)菜單下面的是一個(gè)二級(jí)下拉菜單的例子 Link current；5創(chuàng)建橫向?qū)Ш降臉邮?在標(biāo)簽里添加一個(gè)樣式類(lèi)為navli，然后再navli類(lèi)中設(shè)置樣式背景顏色為紅色，浮動(dòng)為左浮動(dòng)，內(nèi)邊框上下為8px左右為15px，列表屬性為，字體顏色為白色樣式代碼為navlibackgroundcolor。

怎么用Dreamweaver制作網(wǎng)頁(yè)網(wǎng)站下拉菜單用“層”做下拉菜單的方法有點(diǎn)炫耀軟件操作技巧的味道，做網(wǎng)頁(yè)不會(huì)用這種方法dreamweavercs6有spry面板功能可以制作類(lèi)似效果，簡(jiǎn)單一些最方便的是用別人的代碼，別人做得很好而且。

如需修改下拉菜單，可以選中文字，點(diǎn)擊行為面板的 顯示彈出式菜單 即可如果下拉菜單下面有Flash，為了不影響下拉菜單的正常效果和層次，需要給Flash添加透明代碼 ，還需在embed標(biāo)簽中加入代碼wmode=quottransparentquot；下拉菜單導(dǎo)航是一個(gè)網(wǎng)站的簡(jiǎn)易網(wǎng)站地圖，起著引導(dǎo)訪客的作用，用Jquery實(shí)現(xiàn)簡(jiǎn)單的菜單，實(shí)現(xiàn)的原理鼠標(biāo)是否通過(guò)頂層菜單，如果動(dòng)作發(fā)生，則觸發(fā)下層菜單的顯示，如果鼠標(biāo)從頂部移出，底部菜單收回利用Jquery的ready函數(shù)實(shí)現(xiàn)整個(gè)。

在發(fā)布的對(duì)話框中選擇要插入下拉導(dǎo)航菜單的網(wǎng)頁(yè)，代碼必須要插入到頁(yè)面的標(biāo)簽內(nèi)，在代碼中找到標(biāo)簽的位置，點(diǎn)擊‘插入代碼’按鈕，就可成功發(fā)布，瀏覽網(wǎng)頁(yè)時(shí)，就能看到下拉導(dǎo)航菜單1 點(diǎn)擊要做下拉菜單的第一個(gè)單元格，在上方；導(dǎo)航欄標(biāo)簽可以直接在H5使用2然后打開(kāi)indexhtml文件，輸入以下代碼3首先第一個(gè)方法就是使用displayinlineblock將ul標(biāo)簽設(shè)置成行內(nèi)塊級(jí)元素然后將li標(biāo)簽設(shè)置為左浮動(dòng)即可4第二種方法就是就是將p設(shè)置為displayta。

這樣就成功，可是會(huì)發(fā)現(xiàn)離開(kāi)總菜單 下拉菜單也消失了，所以 最后還要選中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行為制作出的全部代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot；這里寫(xiě)你別的代碼 在最后加上 我想了想，還是寫(xiě)在onload里面比較好后臺(tái)循環(huán)輸出 jsdivText = @quot windowload = function mpmenu1=new mMenu#39網(wǎng)站首頁(yè)#39，#39#39，#39self#39，#39#39，#39#39，#39#39，#39#39quotforint i。

當(dāng)鼠標(biāo)移動(dòng)到主菜單條上時(shí)，應(yīng)顯示其子菜單，并且被選中的菜單應(yīng)變色編一個(gè)JS格式的代碼實(shí)現(xiàn)以上功能，誰(shuí)能幫幫我，貴求，編的好還有追 主菜單條顯示一級(jí)欄目，子菜單顯示二級(jí)欄目當(dāng)鼠標(biāo)移動(dòng)到主菜單條上時(shí)，應(yīng)顯示其子菜單。

實(shí)際上，在這個(gè)導(dǎo)航欄上顯示下拉列表非常簡(jiǎn)單即使不懂代碼知識(shí)，也可以操作只要按照下面的步驟，就可以輕松實(shí)現(xiàn)首先，我們將下面的紅色代碼粘貼到“網(wǎng)站根目錄模板默認(rèn) 文本JavaScriptsrc= dedechannelartlisttypeid=top；這個(gè)是菜單欄的代碼，以下是CSS樣式#menu background #FFFFFF urlimagesimg01gif repeatx width 960px height 45px margin 0 auto padding 0px 0 fontsize16px#menu ul height 45px margin。

現(xiàn)在布局完事了，就寫(xiě)jq唄，給你個(gè)例子啊documentreadyfunction$#39active#39hoverfunction$thischildren#39ul#39css#39display#39，#39block#39，function$thischildren#39ul#39css#39display#39；1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)2在主菜單區(qū)域中添加鏈接在本步驟中，在無(wú)序列表。

簡(jiǎn)潔實(shí)用的二級(jí)下拉導(dǎo)航菜單 lt！把下面代碼加到與之間 body，htmlpadding0margin0textaligncenterfontnormal 14px #39arial#39 mainNavBarwidth100%background#999padding10px 0 navwidt。