quot#butquotclickfunction var p1 = $quot#testquotchildren#39optionselected#39val 這就是selected的值 windowlocation=quotahtml？b=quot+p1 將選中的值傳到ahtml中。

點(diǎn)擊展開(kāi)或隱藏菜單，最好在菜單前加一個(gè)圖標(biāo)按鈕，美觀又方便如果想像你這樣實(shí)現(xiàn)，最好在每一個(gè)ul和li加上ID這個(gè)ID必須是有規(guī)律的，比如父ID為1_1，子ID1_1_1，用鏈接的點(diǎn)擊事件根據(jù)ID獲取父菜單和子菜單實(shí)現(xiàn)改變ulli的display樣式就可以實(shí)現(xiàn)展開(kāi)或隱藏。

每個(gè)子菜單都是一個(gè)dd節(jié)點(diǎn)，在展開(kāi)收起的時(shí)候會(huì)對(duì)每個(gè)dd執(zhí)行效果看起來(lái)就好像百葉窗的效果了如果想把每個(gè)菜單項(xiàng)下的子菜單做為一個(gè)整體來(lái)收放，可以考慮下面的結(jié)構(gòu) 菜單一 菜單一內(nèi)容 菜單二內(nèi)容 菜單三內(nèi)容。

產(chǎn)品的內(nèi)容 案例中心的內(nèi)容 至于class=“content”可以是你自己加上的為了便于jQuery獲取，沒(méi)有這個(gè)樣式類(lèi) documentreadyfunction var tabs = $#39nav a#39var cons = $#39main divcontent#39tabsfirstaddClassquotnowquotshow 默認(rèn)第一個(gè)顯示 consfirst。

jquery 代碼documentreadyfunction * 菜單初始化 * quot#main_menu li dlquothidequot#main_menu li，#main_menu ddquotbindquotmouseoverquot， function 頂級(jí)菜單項(xiàng)的鼠標(biāo)移入操作 thischildrenquotdlquotsiblingsquotaquotattrquotclassquot， quothover_aquot 賦于一級(jí)。

具體代碼如下eachmyOptions， functionindex， option #39#mySelect#39append$#39#39， value optionvalue， text optiontext在此示例中，通過(guò)$each方法遍歷myOptions數(shù)組，利用append方法逐個(gè)添加選項(xiàng)至元素此過(guò)程高效且直觀，簡(jiǎn)化了動(dòng)態(tài)生成Select下拉菜單數(shù)據(jù)的操作。

jquery實(shí)現(xiàn)由一級(jí)導(dǎo)航菜單到二級(jí)滑動(dòng)顯示效果，并點(diǎn)擊增加背景變化效果，代碼挺簡(jiǎn)單的，但是也效果也很好，是非常實(shí)用的，也是很流行的菜單樣式 html 1 2 22 22 22 22 3lt。

HTML結(jié)構(gòu)如下 一級(jí)菜單項(xiàng) 二級(jí)菜單項(xiàng) 一級(jí)菜單項(xiàng) 二級(jí)菜單項(xiàng) 接著，我們使用jQuery來(lái)編寫(xiě)JavaScript代碼，實(shí)現(xiàn)菜單的延遲下拉效果以下是JavaScript代碼function #39navli#39hoverfunction thischildren#39divbox#39stoptrue，truedelay1000slideDown#39500#39，function。