如果你的列表里是靜態(tài)數(shù)據(jù)的話，建議這個(gè)活給美工做，如果三級(jí)菜單的數(shù)據(jù)都是動(dòng)態(tài)數(shù)據(jù)，推薦你看一下jquery的ztree插件，如果讓別人幫你寫代碼，估計(jì)沒人會(huì)幫你寫。

quotul liquothoverfunction thisfindquotdivquotshow，function thisfindquotdivquothide。

在function內(nèi)部實(shí)現(xiàn)鼠標(biāo)進(jìn)入事件，以及所有下拉效果的實(shí)現(xiàn)停止播放所有的特效動(dòng)畫，隱藏子菜單圖為js代碼獲取子集菜單，重新設(shè)置菜單位置圖為html代碼停掉子集菜單動(dòng)作并觸發(fā)下拉圖為css代碼主菜單的鼠標(biāo)移出動(dòng)作。

然后可以通過Jquery的toggleClass#39active#39來實(shí)現(xiàn)切換 translate 比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個(gè)過渡transitionleft 03s 然后讓class為menu active的元素設(shè)置。

運(yùn)行效果截圖如下在線演示地址如下jquery2animatestylenavmenucodes 具體代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquotquot。

function new HeadroomdocumentquerySelectorquot#navscrollquot， 這里的navscroll改為你的導(dǎo)航欄的id或class offset 5， 在元素沒有固定之前，垂直方向的偏移量以px為單位 tolerance。

bbb ccc 樓主可以把三個(gè)部分的代碼，粘貼過去試試效果，記得導(dǎo)入jquery的包，改一下包的路徑。

id=quotrightquot style=#39display#39 學(xué)校要聞信息內(nèi)容 Jquery 寫法$#39#left#39on#39onmouseover#39， function 綁定onmouseover 事件 $#39#right#39css#39display#39，#39block#39 顯示右邊子菜單 $#39#。

getJSONquotAjaxJQprocashxquot， function json $eachjson， function i $quotul_procquotappendquotquot + jsoniName + quotquot ### 這一句錯(cuò)了，$quotul_procquot少了一個(gè)# = $。

quot#xxxquotRightMenu#39myMenu#39， menuListmenuNamequot編輯quot，clickEventquotrmunu#39編輯#39quot，menuNamequot取消quot，clickEventquotrmunu#39取消#39quot 不知道是不是你要的 你試試看。

easyuidialogquotclosed=quottruequot resizable=quottruequot modal=quottruequot dataoptions=quoticonCls #39iconadd#39，buttons #39#dlgbuttons#39quot style=quotheight500pxquotlt！先給個(gè)dialog的div，這里頭在裝入菜單格式。

那要看你要不要跳轉(zhuǎn)頁面了 如果要跳轉(zhuǎn)就必須在跳轉(zhuǎn)的時(shí)候 進(jìn)行傳值 因?yàn)樘D(zhuǎn)的時(shí)候會(huì)重新加載頁面，js 也會(huì)被重新加載如果不需要跳轉(zhuǎn)，那么你就之間用js 把背景色加上去。

參考下面代碼 documentreadyfunction quot#wenzhangdddlddquothideeach$quot#wenzhangdddldtquot， function thisclickfunction quot#wenzhangdddldd quotnot$thisnext。

在a標(biāo)簽里加屬性值，如 首頁1 quotaquotmouseoverfunction var id = $thisattrquotdataidquotajax type quotpostquot，url quottestphpquot，data quotidquotid ，success functionmsg ，dataTypequotj。

使用jQuery配合Superfish制作下拉菜單需要具備以下幾個(gè)參數(shù) 1項(xiàng)目中需要有jQuery版本庫2下載Superfish插件Superfish3需要把上面兩個(gè)js引入你的項(xiàng)目中 導(dǎo)入jQuery庫和Superfish插件 為了讓菜單一個(gè)默認(rèn)的樣式，大家。

var $a_tops = $treechildrenquotliquotchildrenquotaquot找到tree下第一層菜單 a_topsbindquotclickquot， function為第一層菜單綁定事件 var $this = $thisnextquotulquotif$thislength 0判斷。

打開網(wǎng)頁時(shí)時(shí)顯示的 B一級(jí)菜單 隱藏的二級(jí)菜單項(xiàng) var a = $quotulmain aquotaonquotclickquot，functione estopPropagation anextslideUp#39fast#39 $ecurrentTarget。

jQuery $function 向左 $quot#nav1quotdynamicNav directionquotleftquot， 動(dòng)畫切換方向，總共4種up down left right duration300 三種預(yù)定速度之一的字符串quotslowquot， quotnormalquot， or quotfastquot或表示動(dòng)畫。