1新建html頁面 打開html編輯軟件，新建一個html頁面如圖2添加導航標簽 在ltbody標簽里新建一個ltulltul標簽，然后在ltul標簽里添加幾個ltliltli標簽如圖3在ltli標簽內(nèi)添加文字在新建的ltli添加要顯示的內(nèi)容如圖4創(chuàng)建樣式標簽 在lttitle標簽后新建一個ltstyletype=\quott。

首先，我們需要創(chuàng)建HTML的基礎(chǔ)結(jié)構(gòu)對于下拉菜單，通常使用``和``標簽來定義選項例如html 選項1 選項2 選項3 這里的`id`屬性對于后續(xù)CSS樣式化很重要2 CSS樣式化 接下來，通過CSS對下拉菜單進行樣式化你可以設(shè)置下拉菜單的整體樣式，以及下拉菜單選項的樣式例如css mySelect width 20。

select #160！ 下拉菜單選項將在這里添加 select 2在select標簽之間，添加option標簽來定義每個選項select #160option value=quotoption1quot選項1option #160option value=quotoption2quot選項2option #160option value=quotoption3quot選項3optionselect 在option標簽中，valu。

你可以設(shè)置一下垂直居中，代碼是verticalalignmiddle。

1首先我們打開html開發(fā)工具，新建一個html代碼頁面2在html代碼頁面上創(chuàng)建一個select下拉菜單3保存html代碼頁面，使用瀏覽器打開，這個時候我們發(fā)現(xiàn)select下拉菜單是可以點擊修改的4回到html代碼頁面，在select標簽上添加disabled=quotdisabledquot屬性5保存html代碼頁面，回到瀏覽器頁面上刷新頁面。

1點擊下拉內(nèi)容能切換顯示2下拉內(nèi)容顯示時，點擊頁面非下拉內(nèi)容塊隱藏當前顯示的下拉內(nèi)容3當前內(nèi)容顯示，點擊其他的下拉按鈕，當前內(nèi)容隱藏新點擊的下拉內(nèi)容顯示。

你好，html自帶的select元素，是不支持option中帶圖片的，所有如果想實現(xiàn)的特殊select，必須自己編寫一個功能類似select的下拉框 我實現(xiàn)了一個簡單的，你看下就會了，我用的箭頭代表的三角，你直接把ltimg src=quot0jpgquot放在li中即可 lthtml lthead ltstyle ulliststyletype liborder。

右側(cè)寫個固定樣式的div，id假設(shè)設(shè)置為board如果你的菜單內(nèi)容在服務(wù)器 display的實現(xiàn)如下 function display $ajax type quotPOSTquot， url 菜單所請求的內(nèi)容地址， data thisid等等相關(guān)的請求標志， success funtiondata$#39board#39htmldata，返回數(shù)據(jù)填充。

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

lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle無標題文檔lttitleltstyle type=quottextcssquotlt！* margin0 padding0 liststyle borderdiv margin0 auto#Menu width600px overflowhidden fontfamilyquot微軟雅黑quot fontsize18px line。

方法如下方法一HTML 1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個簡單的無序列表ul來表示主菜單項2在主菜單區(qū)域中添加鏈接在本步驟中，在無序列表ul每一項上添加鏈接3在“關(guān)于我們About Us。

淘寶的用的應(yīng)該是框架的，盡量不要用js去添加頁面內(nèi)容，很占資源的，放大效果的話，把一個頁面都用js輸出，就知道對加載速度的影響了可以在一個頁面做出來菜單欄，然后用框架FRAME我用的是net，可以用母版頁實現(xiàn)這個功能，html的話，用frame框架做比較好。

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

代碼效果圖代碼含義ltselect定義為下拉列表菜單標簽 ltOption定義下拉列表數(shù)據(jù)標簽 ltValue 定義傳輸?shù)亩?實現(xiàn)原理通過代碼ltselect設(shè)置一個下拉列表菜單，ltoption設(shè)計下拉菜單下面的值來達成效果代碼源件lthtml lthead ltmeta。

1菜單不僅僅是一張印有字的紙，更是一個能感受到餐廳文化特色的載體2制作菜牌的材料一般有皮質(zhì)封面封面又可以燙金燙銀不銹鋼LOGO凹凸印等等，菜牌紙張可以是相紙，銅板紙，特種紙等，更有些客戶希望獨特還用到竹簡布等料材料的手感質(zhì)地很重要，因為菜單總是拿在手里的3菜牌中。

簡單地說，在需要出現(xiàn)右鍵菜單的元素上給 contextmenu 事件綁定顯示菜單的處理即可建議用 jQuery，實現(xiàn)起來比較容易，因為有現(xiàn)成的插件比如這兩個 jquerycontextMenudemo。