您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

Jquery 无限级下拉菜单插件基于json

51自学网 2022-05-05 13:13:17
  javascript
 
这是一个我自己做的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代码
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1