如果你的列表里是静态数据的话，建议这个活给美工做，如果三级菜单的数据都是动态数据，推荐你看一下jquery的ztree插件，如果让别人帮你写代码，估计没人会帮你写。

quotul liquothoverfunction thisfindquotdivquotshow，function thisfindquotdivquothide。

在function内部实现鼠标进入事件，以及所有下拉效果的实现停止播放所有的特效动画，隐藏子菜单图为js代码获取子集菜单，重新设置菜单位置图为html代码停掉子集菜单动作并触发下拉图为css代码主菜单的鼠标移出动作。

然后可以通过Jquery的toggleClass#39active#39来实现切换 translate 比如让class为menu的元素宽为300px，高100%的，设置left为300px在这期间可以加一个过渡transitionleft 03s 然后让class为menu active的元素设置。

运行效果截图如下在线演示地址如下jquery2animatestylenavmenucodes 具体代码如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquotquot。

function new HeadroomdocumentquerySelectorquot#navscrollquot， 这里的navscroll改为你的导航栏的id或class offset 5， 在元素没有固定之前，垂直方向的偏移量以px为单位 tolerance。

bbb ccc 楼主可以把三个部分的代码，粘贴过去试试效果，记得导入jquery的包，改一下包的路径。

id=quotrightquot style=#39display#39 学校要闻信息内容 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 ### 这一句错了，$quotul_procquot少了一个# = $。

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！先给个dialog的div，这里头在装入菜单格式。

那要看你要不要跳转页面了 如果要跳转就必须在跳转的时候 进行传值 因为跳转的时候会重新加载页面，js 也会被重新加载如果不需要跳转，那么你就之间用js 把背景色加上去。

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

在a标签里加属性值，如 首页1 quotaquotmouseoverfunction var id = $thisattrquotdataidquotajax type quotpostquot，url quottestphpquot，data quotidquotid ，success functionmsg ，dataTypequotj。

使用jQuery配合Superfish制作下拉菜单需要具备以下几个参数 1项目中需要有jQuery版本库2下载Superfish插件Superfish3需要把上面两个js引入你的项目中 导入jQuery库和Superfish插件 为了让菜单一个默认的样式，大家。

var $a_tops = $treechildrenquotliquotchildrenquotaquot找到tree下第一层菜单 a_topsbindquotclickquot， function为第一层菜单绑定事件 var $this = $thisnextquotulquotif$thislength 0判断。

打开网页时时显示的 B一级菜单 隐藏的二级菜单项 var a = $quotulmain aquotaonquotclickquot，functione estopPropagation anextslideUp#39fast#39 $ecurrentTarget。

jQuery $function 向左 $quot#nav1quotdynamicNav directionquotleftquot， 动画切换方向，总共4种up down left right duration300 三种预定速度之一的字符串quotslowquot， quotnormalquot， or quotfastquot或表示动画。