这是一个我自己做的jQuery无限级下拉菜单的插件,先在放上来大家共享,同时谢谢留下宝贵意见。 已知不足:在多实例下,使用菜单外的菜单无法自动收回 修改菜单弹出方式 增加菜单弹出方向溢出判断 插件说明: 1、组件依附于jQuery 1.3.x版本 2、下拉菜单完全由ul,li,span系列元素模拟而成,完美兼容IE6~8,FF,Chrome,Opera 3、列表内数据通过Json数组进行赋值,样式如下: var colObj = {"Items":[ {"name":"菜单项目标题","topid":"0","colid":"1","value":"菜单项目标题1","fun":function(){}}, ... ]} 参数说明: 其中topid为菜单上级菜单id,0为顶级 colid为菜单id,0为顶级 value为最终post时传送的结果(以hidden形式的input进行传递,input的name就是所依附dom的id值) fun为回调函数 4、最后进行实例: $("#divid").mlnColsel(colObj,{ title:"栏目下拉菜单", //默认状态下select选中项的名称 value:"-1", //默认状态下select选中项的值 width:100 //此值暂时无效 }); 5、表单提交后,后台以普通resquest方式接收即可(asp为例) dim selects=request.form("divid") 使用过程用有任何疑问可以留言 下载地址:[ 下载地址1 ] jQuery 黑色垂直下滑菜单实现代码 读取XML节点生成多级菜单的JavaScript代码 |