單純的實(shí)現(xiàn)效果有很多種方法直接跳轉(zhuǎn)頁面也行，下拉菜單包著a標(biāo)簽 下面用iframe，也行，點(diǎn)擊的時(shí)候用js替換src lt！DOCTYPE html lthtml ltheadltmeta charset=quotutf8quot lttitlelttitleltscript src=quot；2lta lta href=quot#quot下拉 3lta ltdiv ltli ltul ltscript src=quotscriptjsquotltscript ltbodylthtml CSS stylecssbody fontfamily quotLucida Sans Unicodequot， quotLucid；如果是導(dǎo)航類的下拉菜單的話，首先給可選擇的主體部分設(shè)置寬高，相對(duì)定位屬性然后主體部分建子標(biāo)簽，也就是下拉出來的部分，這部分設(shè)置display，絕對(duì)定位通過事件是鼠標(biāo)懸浮或者點(diǎn)擊來動(dòng)態(tài)切換子標(biāo)簽的display，為。

首先需要打開自己電腦上的DW軟件，新建一個(gè)html頁面，然后將其保存在桌面上接下來我們需要在body里面添加DIV標(biāo)簽，并在其內(nèi)使用ul無序列表和li標(biāo)簽制作一個(gè)一級(jí)菜單欄，代碼和瀏覽器的效果如下面兩張圖片所示因?yàn)椴藛螜冢滑F(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)行美化，如一下；你好，html自帶的select元素，是不支持option中帶圖片的，所有如果想實(shí)現(xiàn)的特殊select，必須自己編寫一個(gè)功能類似select的下拉框 我實(shí)現(xiàn)了一個(gè)簡單的，你看下就會(huì)了，我用的箭頭代表的三角，你直接把ltimg src=quot0jpgquot放在；下圖是IE8瀏覽器下的效果整體代碼如下lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quot ltstyleselect_diy border2px solid #c1c1c1 borderbottomcolor#d0d0d0borderradius5px padding8px。

如果僅考慮客戶端，那么用的就是數(shù)據(jù)字典，將數(shù)據(jù)緩存起來考慮到數(shù)據(jù)來自于服務(wù)端的比較多，且結(jié)合AJAX技術(shù)，下拉框中的內(nèi)容每發(fā)生一次改變，就會(huì)查詢一次服務(wù)器，然后服務(wù)端對(duì)客戶端的請(qǐng)求進(jìn)行處理，找到響應(yīng)的數(shù)據(jù)，并反饋；ltselect定義為下拉列表菜單標(biāo)簽 ltOption定義下拉列表數(shù)據(jù)標(biāo)簽 ltValue 定義傳輸?shù)亩?實(shí)現(xiàn)原理通過代碼ltselect設(shè)置一個(gè)下拉列表菜單，ltoption設(shè)計(jì)下拉菜單下面的值來達(dá)成效果代碼源件lthtml lthead ltmeta；***原理就是用jq的hover方法，然后鼠標(biāo)經(jīng)過顯示，離開就隱藏在html頁面里要外鏈一個(gè)jq庫，這個(gè)去網(wǎng)上找，很多那個(gè)css寫的時(shí)候用定位，active用positionrelative，自己ul用positionabsolute位置調(diào)好好，再用di；您要的效果應(yīng)該是下面這樣的示例代碼如下lt！DOCTYPE HTMLlthtmllthead ltmeta；下拉菜單實(shí)現(xiàn)代碼如下ltHTML ltHEAD ltSCRIPT LANGUAGE=quotjavascriptquot ltSCRIPT ltSCRIPT LANGUAGE=quotjavascriptquot function Body_InitoSelect，oText var iLeft= oSelectoffsetLeftvar iTop = oSelectoffsetTopv。

renderOptionsarr ， el生成select 的 option elempty $eachdata ， functionindex ， item $#39ltoption#39attr value itemid htmlitemnameappendToel；下拉式選單通常應(yīng)用于把一些具有相同分類的功能放在同一個(gè)下拉式選單中，并把這個(gè)下拉式選單置于主選單的一個(gè)選項(xiàng)下下拉菜單內(nèi)的項(xiàng) 目可以據(jù)需要設(shè)置為多選或單選，可以用來替代一組復(fù)選框設(shè)置為多選或單選框設(shè)置；select標(biāo)簽實(shí)現(xiàn) 注如果是聯(lián)動(dòng)下拉菜單的話，需要通過js動(dòng)態(tài)處理select中的option純css三級(jí)下拉菜單，下面是樣式表 * common styling * menu fontfamily arial， sansserif width750px positionrelative marg。