javascriptquot onclick=quotc0quot菜單一ltalta href=quotjavascriptquot onclick=quotc1quot菜單二ltaltdiv id=quota0quot這里是文字ltdivltdiv id=quota1quot style=quotdisplayquot這里是圖片，自己寫上ltimg src=quot圖片地址quotltdiv左側(cè)右側(cè)布局我沒給你寫，只寫了圖片文字切換功能；1請單擊“文件”“新建”以創(chuàng)建新的web源文件2默認(rèn)情況下，新類型是OK如果您有其他需要，可以選擇頁面類型布局等，然后單擊“創(chuàng)建”按鈕3創(chuàng)建新網(wǎng)頁后，單擊“設(shè)計”頁上的“插入表單選擇列表菜單”以插入可選擇的下拉表單4或者在菜單欄下有一個表單選項圖標(biāo)將鼠標(biāo)放在。

html做鼠標(biāo)懸浮菜單上的選項能出現(xiàn)下拉菜單，CSS+JS做出此效果ltbody內(nèi)代碼為ltUL id=fm ltLIltA href=quot#quot一級菜單欄目ltA ltUL ltLIltA href=quot#quot一級菜單目錄ltAltLI ltLIltA href=quot#quot一級菜單目錄ltAltLI ltLIltA href=quot#quot一級菜單目錄ltAltLI ltLI；左側(cè)菜單，給每個菜單設(shè)置id和onclick點擊事件，onclick事件觸發(fā)的函數(shù)假設(shè)寫為display右側(cè)寫個固定樣式的div，id假設(shè)設(shè)置為board如果你的菜單內(nèi)容在服務(wù)器 display的實現(xiàn)如下 function display $ajax type quotPOSTquot， url 菜單所請求的內(nèi)容地址， data thisid等等相關(guān)。

至此，橫向二級下拉菜單就制作完成了，這里附加上全部代碼，以方便各位朋友參考，感謝各位朋友的瀏覽lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead；一般出現(xiàn)這種情況，往往是這個寬度的問題寬度沒有寫死，正常的時候的一級菜單的寬度和hover狀態(tài)下一級菜單的寬度不同，所以會掉下來下面有一個二級菜單的demo，可以對照著找一下 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml。

假如想給home建一個二級菜單 ltullt！ main navigation ltli class=quotactivequotlta href=quotindexhtmlquotltspanHomeltspanlta ltul ltliaaaaaaaltli ltlibbbbbbbbltlilt！在上一個li前面再加一個ul標(biāo)簽就行 ltul ltli ltlilta href=quotpage。

html二級菜單導(dǎo)航欄成品

1、一級菜單固定高度，但需要 overflowvisible二級菜單默認(rèn)隱藏的 display。

2、display ，這個屬性就可以了。

3、如圖所示，二級下拉菜單一般都是這樣來制作的，就是在li標(biāo)簽里面再放一個ul標(biāo)簽然后就會有這樣的效果了，不過距離二級菜單有點差距接著我們先把二級下拉菜單之間的margin和padding值去掉然后設(shè)置divulli，需要注意的是，是子代選擇器因為我們不需要全部的li左浮動如圖，浮動后就成了，距離二級菜單。

4、請問HTML中導(dǎo)航欄的二級子菜單橫向排列，如何實現(xiàn)，本來是列排列的，網(wǎng)址請發(fā)代碼！ #xE768 我來答 1個回答 #熱議# 孩子之間打架 父母要不要干預(yù)？a2 20161017 · TA獲得超過1258個贊 知道小有建樹答主 回答量475 采納率87% 幫助的人214萬 我也去答題訪問個人頁 關(guān)注 展開。

5、這個可以通過絕對定位，配合left設(shè)置 或者translate去實現(xiàn) left的方法比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個過渡transitionleft 03s 然后讓class為menu active的元素設(shè)置 left設(shè)置為0就可以了 ，在這期間可以加一個過渡transitionleft 03s。

html如何制作二級菜單

1、雖然現(xiàn)在不怎么純手工敲了，但是我還是可以給你說一下思路你先給一個div，width200pxheight400pxfloatleft 在這個div里面放10個小的divwidth200pxheight40px 然后就是js了，你想要什么效果，就在hover或者click里面加個人默認(rèn)你懂jQ。

2、ltlilta href=quotquot 二級菜單名ltaltliltlilta href=quotquot 二級菜單名ltaltliltul 本回答由電腦網(wǎng)絡(luò)分類達人 郭強推薦 舉報 答案糾錯 評論 0 2 E網(wǎng)飆風(fēng) 采納率29% 擅長 百度知道 電腦裝機選購 網(wǎng)站使用 Windows 貿(mào)易 其他回答 這個說來話來，但只要你知道原理就很簡單了，做得好不。

3、這個當(dāng)然是可以的，首先二級導(dǎo)航要做出來，就是子級盒子放在父級里，然后定位到需要的位置，再設(shè)置子級盒子display，就隱藏了，當(dāng)hover父級盒子的時候，就用js把display改成block，就形成了導(dǎo)航了，你要換成圖片很簡單，就是把那個盒子寫成a標(biāo)簽，再在a標(biāo)簽里寫上圖片img標(biāo)簽就行了，點擊圖片就。

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