那代碼如下#39body#39clickfunction $#39#nav#39hide例如要隱藏的菜單的id為nav，要點(diǎn)擊的地方id名為content，那代碼如下#39#content#39clickfunction $#39#nav#39hide；需要通過Jquery來實(shí)現(xiàn)這種點(diǎn)擊頁(yè)面其他地方隱藏菜單的效果，重要的一點(diǎn)就是需要通過eventstopPropagation來阻止事件冒泡菜單按鈕百度綁定按鈕事件，點(diǎn)擊按鈕可以打開菜單，同時(shí)也能關(guān)閉按鈕$quotaquotonquotclickquot， function；點(diǎn)擊展開或隱藏菜單，最好在菜單前加一個(gè)圖標(biāo)按鈕，美觀又方便如果想像你這樣實(shí)現(xiàn)，最好在每一個(gè)ul和li加上ID這個(gè)ID必須是有規(guī)律的，比如父ID為1_1，子ID1_1_1，用鏈接的點(diǎn)擊事件根據(jù)ID獲取父菜單和子菜單；參考下面代碼 documentreadyfunction quot#wenzhangdddlddquothideeach$quot#wenzhangdddldtquot， function thisclickfunction quot#wenzhangdddldd quotnot$thisnext。

jquery實(shí)現(xiàn)由一級(jí)導(dǎo)航菜單到二級(jí)滑動(dòng)顯示效果，并點(diǎn)擊增加背景變化效果，代碼挺簡(jiǎn)單的，但是也效果也很好，是非常實(shí)用的，也是很流行的菜單樣式 html 1 2 22 22 lt；3需要把上面兩個(gè)js引入你的項(xiàng)目中 導(dǎo)入jQuery庫(kù)和Superfish插件 為了讓菜單一個(gè)默認(rèn)的樣式，大家還可以到superfish下載superfishcss樣式文件，可以直接調(diào)用。

quotclassquotaddEventListenerquotchangequot，function documentgetElementByIdquotclassStudentquotinnerHTML = datathisvalue jquery * $quot#classquotchangefunction。

頁(yè)面刷新了，肯定重置了~兩個(gè)思路吧1用cookie把點(diǎn)擊狀態(tài)記錄下來，菜單加載后根據(jù)cookie的值展開對(duì)應(yīng)菜單 2點(diǎn)擊事件的連接做到iframe里，點(diǎn)擊只改變iframe的src；利用Jquery的ready函數(shù)實(shí)現(xiàn)整個(gè)頁(yè)面的加載完成后執(zhí)行動(dòng)作$function是$documentreadyfunction的簡(jiǎn)寫 在function內(nèi)部實(shí)現(xiàn)鼠標(biāo)進(jìn)入事件，以及所有下拉效果的實(shí)現(xiàn)停止播放所有的特效動(dòng)畫，隱藏子菜單圖為js；2在html代碼頁(yè)面新建標(biāo)簽，再在界面內(nèi)輸入如下代碼 請(qǐng)選擇下拉菜單 選擇1 選擇2 選擇3 3然后再在界面內(nèi)添加點(diǎn)擊事件并輸入如下代碼 function；菜單2 子菜單1 子菜單2 如果要做這樣的折疊菜單 那html為 菜單1 子菜單1 子菜單2 菜單1 子菜單1 子菜單2 css為沒樣式只有功能，樣式自己去加；首先，新建一個(gè)html界面，然后引入jqueryuijs，jqueryuicss，jquery即可數(shù)字表示的是版本號(hào)，只要jquery的版本是2版本的基本都可以，太高版本的和jqueryui不兼容哦然后我們添加一個(gè)div作為折疊菜單的最外層，并且添加i。

quot#idquothover鼠標(biāo)移上去的方法 function quot#菜單quotshow500，鼠標(biāo)移開的方法 function quot#菜單quothide 菜單肯定是要樣式的；添加新的手風(fēng)琴風(fēng)格菜單 function addMenudata， sysName var menuList = quotquot 回圈全部模組菜單訊息 $eachdata， function i， objOne menuList = quotquot 回圈某個(gè)模組下所有菜單；你是要橫著的導(dǎo)航條式的，還是豎著的目錄式的呢quotleftsculliquothoverfunction thisfindquotulquotshow，function thisfindquotulquothide剩下的就是你的css樣式布局了你也可以。

簡(jiǎn)單寫了一個(gè)，僅供參考 lt！doctype tree li tree li uldisplay function var $tree = $quot#treequot獲取tree var $a_tops = $treechildrenquotliquotchildrenquotaquot找到tree。