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è)布局我沒給你寫，只寫了圖片文字切換功能。

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

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

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

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

lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle無標題文檔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。

下拉菜單實現(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去實現(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選項卡lttitle ltstyle type=quottextcssquot webkit。

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

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