Jquery无限级下拉菜单插件基于json
日期:2009-09-16 18:33:55 来源:网络收集
这是一个我自己做的jQuery无限级下拉菜单的插件,先在放上来大家共享,同时谢谢留下宝贵意见。
已知不足:在多实例下,使用菜单外的菜单无法自动收回
修改菜单弹出方式
增加菜单弹出方向溢出判断
插件说明:
1、组件依附于jQuery1.3.x版本
2、下拉菜单完全由ul,li,span系列元素模拟而成,完美兼容IE6~8,FF,Chrome,Opera
3、列表内数据通过Json数组进行赋值,样式如下:
varcolObj={"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为例)
dimselects=request.form("divid")
使用过程用有任何疑问可以留言
您可能感兴趣的脚本
菜单导航2013-02-27
菜单导航2009-05-04
菜单导航2010-07-13
焦 点 图2013-03-05
悬浮漂浮2010-05-18
菜单导航2017-04-18
焦 点 图2009-07-27
相册代码2009-05-20
菜单导航2011-08-25
在线客服2011-12-19
在线客服2014-04-15
图片特效2013-02-18
菜单导航2009-09-16
图片特效2010-05-23
相册代码2009-04-30
焦 点 图2014-12-04
菜单导航2010-07-20
相册代码2009-07-28
悬浮漂浮2010-09-03
图片特效2014-10-16
焦 点 图2009-11-09
菜单导航2015-01-04
悬浮漂浮2009-11-12
菜单导航2011-09-26