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.268991.com-快三有多少种组合| www.099495.com-百盈彩票平台| www.207803.com-时时彩过滤工具手机| www.307394.com-游戏派彩是什么意思| www.324697.com-中国福利彩票原主任| www.460077.com-寒香体彩断组牛材网| www.0922.net-财富彩票靠谱吗| www.116076.com-湖北武汉快三走势图| www.608074.com-首存送彩金-| www.801198.com-旺旺彩票是真的吗| www.735287.com-网络高频彩作弊| www.865600.com-体彩加盟-| www.yl02.cc-彩计划9cbcc| www.99xc.com-大乐透专家杀号凤彩| www.94631.com-竞彩篮球500网| www.9138.wang-竞彩海报-| www.96852.com-双色球彩票案| www.21362.cc-彩票跨度选号技巧| www.973083.com-彩虹六号官网| www.mt19.com-体彩购买网上app| www.87341.com-933手机彩票| www.cp7552.com-福彩3d乐彩-| www.73cy.com-福彩双色球篮球最大| www.5603.cm-彩票程序源码手机| www.287227.com-足彩网上可以买吗| www.985928.com-足彩推荐最准的专家| www.ub79.com-七乐彩中奖金额查询| www.0851.org-苏州体彩网点| www.38997.cc-彩票不给提现| www.100145.com-8炫彩彩票-| www.804266.com-福利彩票网上买| www.937794.com-福彩3d除3余数| www.vl25.com-彩票中奖的数学规律| www.300795.com-鸿胜彩票-| www.558330.com-精彩中国艺术与文化| www.657283.com-幸运彩票是什么平台| www.19lp.com-彩票3个亿是哪里的| www.109269.com-星彩论坛-| www.66wl.com-杏耀彩票是正规的吗| www.891272.com-广西福彩快3一定牛| www.809732.com-必赢彩票刷流水| www.30822.com-1o5彩票-| www.008333.com-卖私彩判刑还是拘留| www.539476.com-彩票站能否私下转让| www.614687.com-伊布都和三彩哪个好| www.680239.com-彩票应用软件哪个好| www.93863.cc-新浪爱彩网首页| www.524155.com-福彩东湖社区网址| www.608569.com-体彩彩票开奖查询| www.698337.com-彩库宝典资料大全| www.952431.com-k彩福地彩票客服| www.173203.com-江苏快三下载| www.276018.com-极速快三是什么游戏| www.365795.cc-人人彩票网怎么玩的| www.619507.com-足球胜负彩推荐下载| www.699661.com-新浪彩票图走势图| www.778426.com-彩乐园旧版-| www.857987.com-c59彩票专业平台| www.915261.com-网上哪能买彩票| www.970013.com-彩票平台安全购彩| www.cb34.com-彩81下载-| www.5069.com-vr三分彩全天计划| www.733637.com-福彩双色球多久一次| www.845722.com-有钱人买彩票吗| www.913593.com-彩民之家一切为你| www.973933.com-二四六天天好彩| www.nj7.com-快三和值表格图片| www.pm69.com-58福彩app-| www.00kg.com-彩虹花变化极多| www.540233.com-福彩中奖号码预测| www.369857.com-云彩店app苹果| www.145012.com-彩票免费领彩金| www.358436.com-中国福彩最新一期| www.185529.com-分分快三假的| www.308806.com-彩票3b试机号| www.418896.com-广西十分彩快乐十分| www.525824.com-马丽萍经营福彩| www.177227.com-河南彩礼新规定| www.598800.com-乐彩客软件下载| www.961014.com-七星彩查询开奖| www.cp3500.com-江苏快三中奖助手| www.181389.com-808彩票网加急版| www.289077.com-高频彩计划app| www.659844.com-远途国际彩票app| www.761776.com-竞彩足球购彩软件| www.936783.com-溢彩年华旗舰店| www.983404.com-彩票计划员骗局| www.af95.com-河南快三遗漏值| www.pu00.com-uu彩票-| www.p56.xyz-中福快三一分钟一期| www.33of.com-彩之家大乐透| www.298257.com-兰州市福彩中心地址| www.378477.com-江西快三直播开奖| www.381952.com-c更多精彩视频| www.180928.com-中彩彩票邀请码| www.693902.com-电脑传统型彩票| www.250029.com-河北冀彩宝-| www.365244.cc-购彩iv下载-| www.480867.com-移动和彩云如何退订| www.576963.com-ip代打彩票-| www.726323.com-至尊快三有赢钱的吗| www.828037.com-春天彩票网站靠谱吗| www.911879.com-天天彩票论坛网址| www.997487.com-快三之家是不是真的| www.pl0.cc-天津福彩时时彩| www.84np.com-正规网彩平台| www.36an.com-福利彩票三d走试图| www.844567.com-体彩窝案-| www.975982.com-官方购彩软件下载| www.532631.com-澳门天星彩-| www.947254.com-3d中国彩吧蓝仙子| www.m70.cc-体彩卖福彩吗| www.916622.com-私彩平台修改器| www.997547.com-173彩票下载| www.ea99.com-大发快三新手怎么玩| www.br83.com-喜盈门彩票app| www.xe76.com-福彩人人快3骗局| www.15jm.com-七星彩安然预测| www.386292.com-9万彩票苹果手机| www.883804.com-乐彩网开奖信息| www.953430.com-足彩310预测分析| www.992228.com-体彩一等奖多久到账| www.mg.com-腾讯快三计划| www.794242.com-微信好友让我玩彩票| www.171800.com-贵州省体育彩票| www.256436.com-官方彩下载安装| www.318759.com-福彩快乐12助手| www.139243.com-注册送体验金的彩票| www.141641.com-彩票杀龙啥意思| www.234407.com-手机网上买彩票软件| www.318017.com-大发快三走势规律图| www.085698.com-彩神uv喷绘机| www.95qi.com-彩票盈利计划| www.5749.win-彩票打印机软件下载| www.10fj.com-彩票中五位数多少钱| www.kd2.com-快三直选-| www.53723.com-重庆7时彩直播| www.g66.biz-彩云追星七星彩| www.40js.com-七星彩机选号| www.738289.com-彩票28定律-| www.012210.com-看一下福利彩票| www.44030.com-中彩为公-| www.59023.com-中彩易软件是真的吗| www.017612.com-彩票印象客服| www.089052.com-辽宁福彩网官网| www.51761.cc-山西中国福彩| www.018027.com-三国杀张星彩废了| www.66on.com-彩票数字3多少钱| www.035271.com-快三最新开奖结果| www.66397.cc-体彩打票员好学吗| www.zm28.com-内蒙古快三开奖时间| www.476868.com-福少时时彩做号| www.543589.com-足球彩票点球算不算| www.954668.com-代购美国彩票合法吗| www.874614.com-福彩山东快报| www.509804.com-567彩票推荐版| www.054843.com-安徽快三一天是多少| www.331642.com-买七乐彩票大发| www.833296.com-双彩论坛手机版3d| www.893623.com-彩票组合软件下载| www.950828.com-足球胜负彩预测分析| www.995423.com-新浪网彩票首页官网| www.tn21.com-快三北京快三开奖号| www.579032.com-139彩票网-|