至此，橫向二級(jí)下拉菜單就制作完成了，這里附加上全部代碼，以方便各位朋友參考，感謝各位朋友的瀏覽lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1tr。

現(xiàn)在我們?yōu)閚av添加樣式，首先去掉默認(rèn)的margin和padding，再去掉ltullt li標(biāo)簽的liststyle樣式和lta標(biāo)簽的默認(rèn)下劃線接下來再添e799bee5baa6e4b893e5b19e63加適當(dāng)?shù)臉邮礁鶕?jù)實(shí)際需要添加進(jìn)行美化，如一下樣。

display ，這個(gè)屬性就可以了。

簡(jiǎn)單地說，在需要出現(xiàn)右鍵菜單的元素上給 contextmenu 事件綁定顯示菜單的處理即可建議用 jQuery，實(shí)現(xiàn)起來比較容易，因?yàn)橛鞋F(xiàn)成的插件比如這兩個(gè)。

假如想給home建一個(gè)二級(jí)菜單 ltullt！ main navigation ltli class=quotactivequotlta href=quotindexhtmlquotltspanHomeltspanlta ltul ltliaaaaaaaltli ltlibbbbbbbbltlilt！在上一個(gè)li。

1首先在電腦中打開Dreamweaver，然后在網(wǎng)頁設(shè)計(jì)中點(diǎn)擊編輯按鈕，就可以下拉2然后點(diǎn)擊這個(gè)二級(jí)菜單代碼折疊3接下來在這里就可以使用各種折疊的命令了，同樣還能使用他的快捷鍵按鈕4或者在代碼這里還可以直接點(diǎn)擊5。

所在的寬度不夠，看你設(shè)置的是43px，修改成80px試試。

關(guān)鍵在于 下級(jí)菜單平時(shí) display 而當(dāng)上級(jí)菜單的超鏈接被鼠標(biāo)放上時(shí) 即 ahover，下級(jí)菜單 displayblock 比如下級(jí)菜單 的class 是 submenu， 上級(jí)菜單 menu submenu display 平時(shí)隱藏 menu ahover。

方法一可以使用包含關(guān)系，就像樓上所說，1級(jí)菜單包含2級(jí)，2級(jí)包含3級(jí)，這樣可以使用hover來定義1級(jí)菜單方法二可以定義相對(duì)應(yīng)的ID，比如一級(jí)id=‘menu_1#39，二級(jí)id=’menu_2#39之類的，前面一致，然后使用JS。

舉個(gè)例子吧，任意一本教科書里面，每一章算是一級(jí)導(dǎo)航菜單，那每一章里面的每一節(jié)就是二級(jí)導(dǎo)航菜單，每一節(jié)里面還可以有一段算是三級(jí)導(dǎo)航菜單，以此類推可以有N級(jí)導(dǎo)航菜單每級(jí)菜單里面可以有div和table，dl，dt，dd等等。

方法如下方法一HTML 1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無序列表ul來表示主菜單項(xiàng)2在主菜單區(qū)域中添加鏈接在。

display的實(shí)現(xiàn)如下 function display $ajax type quotPOSTquot， url 菜單所請(qǐng)求的內(nèi)容地址， data thisid等等相關(guān)的請(qǐng)求標(biāo)志， success funtiondata$#39board#39htmldata，返回?cái)?shù)據(jù)填充。

1首先打開Dreamweaver，創(chuàng)建html文件2其次先給頁面設(shè)置背景顏色，創(chuàng)建段落兩個(gè)段落，段落上面設(shè)置2張圖片的float屬性，分別讓它們左右浮動(dòng)，值為left和right，打開瀏覽器3最后打開瀏覽器后即可看到效果，兩張圖片分別。

html做鼠標(biāo)懸浮菜單上的選項(xiàng)能出現(xiàn)下拉菜單，CSS+JS做出此效果ltbody內(nèi)代碼為ltUL id=fm ltLIltA href=quot#quot一級(jí)菜單欄目ltA ltUL ltLIltA href=quot#quot一級(jí)菜單目錄ltAltLI ltLIltA href=quot#quot一。

這個(gè)當(dāng)然是可以的，首先二級(jí)導(dǎo)航要做出來，就是子級(jí)盒子放在父級(jí)里，然后定位到需要的位置，再設(shè)置子級(jí)盒子display，就隱藏了，當(dāng)hover父級(jí)盒子的時(shí)候，就用js把display改成block，就形成了導(dǎo)航了，你要換成圖片很簡(jiǎn)單。

請(qǐng)問HTML中導(dǎo)航欄的二級(jí)子菜單橫向排列，如何實(shí)現(xiàn)，本來是列排列的，網(wǎng)址請(qǐng)發(fā)代碼！ #xE768 我來答 1個(gè)回答 #熱議# 孩子之間打架 父母要不要干預(yù)？a2 20161017 · TA獲得超過1258個(gè)贊 知道小有建樹答主 回答量。

一般出現(xiàn)這種情況，往往是這個(gè)寬度的問題寬度沒有寫死，正常的時(shí)候的一級(jí)菜單的寬度和hover狀態(tài)下一級(jí)菜單的寬度不同，所以會(huì)掉下來下面有一個(gè)二級(jí)菜單的demo，可以對(duì)照著找一下 lt！DOCTYPE html PUBLIC quotW3CDTD。