ltscript language=quotJavaScriptquot type=quottextJavaScriptquot lt！ function MM_jumpMenutarg，selObj，restore v30 evaltarg+quotlocation=#39quot+selObjoptionsselObjselectedIndexvalue+quot#39quotif restore sel。

quot onclick=quotc1quot菜單二ltaltdiv id=quota0quot這里是文字ltdivltdiv id=quota1quot style=quotdisplayquot這里是圖片，自己寫上ltimg src=quot圖片地址quotltdiv左側(cè)右側(cè)布局我沒給你寫，只寫了圖片文字切換功能。

您要的效果應(yīng)該是下面這樣的示例代碼如下lt！DOCTYPE HTMLlthtmllthead ltmeta。

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

下拉菜單不知您說的是哪種，表單元素提供了select下拉框，完全滿足下拉菜單的需求如果是導(dǎo)航類的下拉菜單的話，首先給可選擇的主體部分設(shè)置寬高，相對定位屬性然后主體部分建子標(biāo)簽，也就是下拉出來的部分，這部分設(shè)置。

先把菜單用html寫出來，然后用css把它隱藏，比如display然后寫js，點(diǎn)擊menu觸發(fā)事件，修改css再把它顯示出來就可以了，cssdisplayblock。

lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle無標(biāo)題文檔lttitleltstyle type=quottextcssquotlt！* margin0 padding0 liststyle borderdiv margin0 auto#Menu width。

比較好的方法是用JS做，但是非要用CSS呢，也可以 首先 一般HTML中的動態(tài)效果都是JS做的，不太推薦用CSS完成 dropdowncontent display position absolute backgroundcolor #f9f9f9 minwidth。

下拉菜單實(shí)現(xiàn)代碼如下ltHTML ltHEAD ltSCRIPT LANGUAGE=quotjavascriptquot ltSCRIPT ltSCRIPT LANGUAGE=quotjavascriptquot function Body_InitoSelect，oText var iLeft= oSelectoffsetLeftvar iTop = oSelectoffsetTopv。

lt？php$select_value = isset$_GET#39select#39 ？ $_GET#39select#39 #39#39？ltform action=quot？quotltselect name=quotselectquot ltoption value=quotquotdefaultltoption ltoption value=quotoption1quot lt？php echo $select。

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

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

這問題好糾結(jié)，最少來個截圖啊，給你寫個吧，粘過去就行，不行的話留個q，繼續(xù)問 lt！DOCTYPE htmllthtml lthead ltmeta charset=quotutf8quot lttitle選項(xiàng)卡lttitle ltstyle type=quottextcssquot webkit。

html怎么制作導(dǎo)航下拉菜單圖標(biāo)如何設(shè)計(jì)隨著網(wǎng)絡(luò)技術(shù)的進(jìn)一步發(fā)展以及網(wǎng)站功能越來越復(fù)雜，對網(wǎng)站設(shè)計(jì)者以及網(wǎng)站制作者們提出了越來越大的挑戰(zhàn)和要求，為了設(shè)計(jì)出出彩的網(wǎng)站，必須掌握html制作軟件的使用下面，我們就一起來了解一。

***原理就是用jq的hover方法，然后鼠標(biāo)經(jīng)過顯示，離開就隱藏在html頁面里要外鏈一個jq庫，這個去網(wǎng)上找，很多那個css寫的時候用定位，active用positionrelative，自己ul用positionabsolute位置調(diào)好好，再用di。