QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jQuery动态添加多级收缩菜单

jQuery动态添加多级收缩菜单

jquery使用json数据格式动态创建多级下拉收缩菜单导航。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<!--页面布局,可忽略!-->
<link rel="stylesheet" type="text/css" href="css/m-base.css" />

<!--左侧导航样式-->
<link rel="stylesheet" type="text/css" href="css/LeftNav.css"/>

2、head引入js文件

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/LeftNav.js" type="text/javascript"></script>

3、body引入HTML代码

<div class="left"></div>

<script>
	var menu = {
		name: '', //名字
		level:'0',
		haschildren: true, //是否有子节点
		url: '#', //url路径
		isopen: false, //是否展开
		children: [{ //子节点
			name: '1',
			level: '1',
			haschildren: true,
			url: '',
			isopen: true,
			children: [{
				name: '1.1',
				level: '2',
				haschildren: true,
				url: '',
				isopen: true,
				children: [{
					name: '1.1.1',
					level: '3',
					haschildren: false,
					url: '14-1.html',
					isopen: true,
					children: ''
				}, {
					name: '1.1.2',
					level: '3',
					haschildren: false,
					url: '#',
					isopen: false,
					children: ''
				}]
			}]
		}, {
			name: '2',
			level: '1',
			haschildren: true,
			url: '#',
			isopen: false,
			children: [{
				name: '2.1',
				level: '2',
				haschildren: true,
				url: '#',
				isopen: false,
				children: [{
					name: '2.1.1',
					level: '3',
					haschildren: false,
					url: '#',
					isopen: false,
					children: ''
				}, {
					name: '2.1.2',
					level: '3',
					haschildren: false,
					url: '#',
					isopen: false,
					children: ''
				}]
			}, {
				name: '2.2',
				level: '2',
				haschildren: true,
				url: '#',
				isopen: false,
				children: [{
					name: '2.2.1',
					level: '3',
					haschildren: false,
					url: '#',
					isopen: false,
					children: ''
				}, {
					name: '2.2.2',
					level: '3',
					haschildren: true,
					url: '#',
					isopen: false,
					children: [{
						name: '2.2.2.1',
						level: '4',
						haschildren: true,
						url: '#',
						isopen: false,
						children: [{
							name: '2.2.2.1.1',
							level: '5',
							haschildren: false,
							url: '#',
							isopen: false,
							children: ''
						}],
					}]
				}]
			}]
		}]
	}
	//leftNav(menu)
	$.leftNav(".left",menu);
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
顺丰彩票 www.9973.online结婚要彩礼的国家| www.064229.com-双赢彩票网手机版| www.214319.com-老版人人红彩票| www.501052.com-彩色生活照片| www.059599.com-k彩网上彩票靠谱吗| www.297699.com-人人人中彩票| www.394618.com-江苏体彩兑奖地址| www.532506.com-临沂体彩票店转让| www.426.cn-家彩搜索家彩开奖| www.073308.com-傲赢彩票官网| www.105342.com-福建快三今日走势图| www.302222.com-大乐透走势图彩经网| www.rc4.com-幸运彩票快三三分彩| www.689391.com-上海福彩中心银彩通| www.67ql.com-2017体彩业务员| www.176208.com-安徽快三全天计划| www.739812.com-福彩快乐12加奖金| www.885683.com-利赢国际彩票下载| www.cp755.com-大发快三赚钱吗| www.e00.vip-竞彩8串8-| www.0055.cm-哪种彩票简单开奖快| www.05027.com-优彩网怎么样| www.372038.com-体育彩票的规律| www.21363.cc-今天足球竞彩对阵表| www.731159.com-五选三彩票下载| www.818804.com-邢台福彩助学| www.913001.com-ku游足彩骗局揭秘| www.982920.com-遵义市体彩中心| www.ig8.com-福彩走势图乐彩网| www.a99.online-网络十字彩-| www.409944.com-鸿运彩票安全吗| www.518716.cc-一分快三在开奖直播| www.gj21.com-彩票中奖号码| www.258996.com-足彩单关技巧| www.150109.com-国民彩票手机皈| www.306645.com-去彩票站怎么买彩票| www.ai2.com-彩票赚钱最快方法| www.wr12.com-苏宁易购彩票| www.508767.com-宁波体彩领奖在几楼| www.588951.cc-南方福彩网推荐网址| www.683242.com-了解彩票-| www.767888.cc-旺彩3d高手预测| www.wj06.com-今日福彩开奖| www.393192.com-彩铅蝴蝶图片| www.524040.com-十二生肖马彩票| www.600214.com-盈丰彩票可信吗| www.986140.com-11选5线上购彩| www.80or.com-网上投彩安全吗| www.698708.com-彩票走势图1000| www.817442.com-体彩500走势图| www.908177.com-七星彩规则举例说明| www.980396.com-中彩票保密-| www.uo.cc-快三客app-| www.79694.com-玩足彩算赌博的后果| www.561714.com-大玩家彩票刮刮刮| www.808022.com-新浪竞彩草莓推荐| www.983468.com-易发彩是真实的吗| www.ke22.com-玩彩票属于赌博吗| www.5761.top-摇彩票下载安装| www.2254.vip-今天福彩3d太湖| www.528708.com-福彩3d迷解-| www.793985.com-彩种大厅1369| www.877027.com-七乐彩几点截止| www.947649.com-福彩单店营销方案| www.995709.com-足彩最多能买多少| www.cu00.com-2345彩票合法吗| www.543297.com-排列三彩涂报纸今天| www.946062.com-福建体彩彩民聊天室| www.cai66.cc-快三开奖结果江苏| www.294744.com-湖北快三福利彩票| www.973653.com-快三大小口诀| www.co8.com-快三怎么算中奖金额| www.pm73.com-中奖助手快彩| www.z44.bid-彩神88骗局-| www.2151.vip-中国有哪几种彩票| www.972148.com-开彩网址-| www.cp5388.com-福彩3d走势乐彩网| www.mz80.cc-赢彩彩票官网| www.18zk.com-现在女孩都玩彩票吗| www.284138.com-彩票都有哪些种类| www.428893.com-鑫亿彩下载-| www.539349.com-网络彩票都是假的吗| www.668450.com-双色彩票玩法| www.739207.com-快三黑号红号有哪些| www.803638.com-买体彩排列五的技巧| www.886314.com-素描彩铅画图片大全| www.949812.com-彩票天天存送| 福彩天下www.fcff0.com| www.583062.com-南方福彩-| www.664540.com-七乐彩中奖号比对| www.775325.com-福彩三地天罡八卦图| www.866882.com-彩票可以网上买吗| www.938219.com-彩票平台算不算赌博| www.988446.com-广东体彩中心在哪里| www.ci42.com-吉林省快三图| www.uu96.com-中国福利彩票快3| www.27yk.com-福利彩票3d号今天| www.395.tv-炫彩弹球ios| www.3748.xyz-七星彩网易彩票| www.408.cc-彩票五行属水的字| www.220859.com-体彩排列3-| www.299753.com-彩票动图-| www.375996.com-竞彩合买违法吗| www.464828.com-新加坡福彩开奖记录| www.530020.com-五行绝算彩票全文| www.608023.com-荷兰彩票开奖号码| www.686069.com-体彩大乐乐秀| www.2002.site-49c彩票老-| www.978437.com-拉菲彩票平台可靠吗| www.33hv.com-购买足彩篮彩犯法吗| www.9932.cm-七乐彩好中奖吗| www.58184.com-福彩快三网是真的| www.99640.com-金福彩票正规吗| www.021076.com-拉菲装饰彩票| www.108962.com-养七彩鱼必备药| www.493766.com-热购彩票客服| www.697731.com-彩票大赢家走势图表| www.833019.com-七星彩排列五走势图| www.969146.com-福利彩票公益金用途| www.d74.cn-福彩快三计划神器| www.67nr.com-彩票基本走势大全| www.985292.com-时时彩怎么买比较好| www.721952.com-山东排列三彩民论坛| www.995645.com-今日足球竞彩单场| www.49ms.com-香港彩民社区心水论| www.399963.com-加拿大彩票免税| www.220097.com-快三杀号免费软件| www.671457.com-六活彩开奖历史纪录| www.788832.com-足彩专家-| www.886226.com-福彩双色球杀号定胆| PK彩票www.183699.com| www.90799.cc-全民彩票体育彩票| www.90330.com-买彩票机选容易中| www.043259.com-玩彩票app安卓| www.110800.com-网络彩票赌博报警| www.260562.com-赌博和彩票的区别| 易彩网www.12455o.com| www.556686.cc-高频彩票改时间了| www.851862.com-内蒙快三综合版| www.949805.com-k8彩不给提现| 500万彩票www.610181.com| www.29lk.com-福彩3d讲故事| www.172.website彩客网足球电脑版| www.4338.wang-华夏鑫彩合法吗| www.23651.com-彩票达人范进| www.87756.cc-怎么辨别真假彩票站| www.503116.com-福彩3d中奖技术| www.589028.com-彩票十一选五怎么玩| www.666871.com-网易彩票基本走势图| www.816685.com-中发彩票平台| www.917252.com-网络彩票成瘾的危害| www.979415.com-蓝盒好彩香烟价格| www.sz92.com-彩票几种类型| www.8166.cc-澳门博彩32-| www.8507.org-北京5分彩是什么彩| www.659892.com-彩票组选和直选| www.933505.com-彩票60分-| www.989149.com-直击黑彩福彩| www.gd77.com-手机版快三-| www.621077.com-彩票加奖了吗| www.725938.com-彩票可以控制开奖吗| www.881.cm-时时彩止损方法| www.8568.cm-福彩三d跨度走势图| www.355153.com-玩彩之家-|