那代碼如下#39body#39clickfunction $#39#nav#39hide例如要隱藏的菜單的id為nav，要點(diǎn)擊的地方id名為content，那代碼如下#39#content#39clickfunction $#39#nav#39hide；需要通過Jquery來實(shí)現(xiàn)這種點(diǎn)擊頁面其他地方隱藏菜單的效果，重要的一點(diǎn)就是需要通過eventstopPropagation來阻止事件冒泡菜單按鈕百度綁定按鈕事件，點(diǎn)擊按鈕可以打開菜單，同時(shí)也能關(guān)閉按鈕$quotaquotonquotclickquot， function；點(diǎn)擊展開或隱藏菜單，最好在菜單前加一個圖標(biāo)按鈕，美觀又方便如果想像你這樣實(shí)現(xiàn)，最好在每一個ul和li加上ID這個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)由一級導(dǎo)航菜單到二級滑動顯示效果，并點(diǎn)擊增加背景變化效果，代碼挺簡單的，但是也效果也很好，是非常實(shí)用的，也是很流行的菜單樣式 html 1 2 22 22 lt；3需要把上面兩個js引入你的項(xiàng)目中 導(dǎo)入jQuery庫和Superfish插件 為了讓菜單一個默認(rèn)的樣式，大家還可以到superfish下載superfishcss樣式文件，可以直接調(diào)用。

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

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

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