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.631897.com-高频彩让我输破产| www.778388.com-天天彩选三开奖号码| www.900234.com-彩票号码生成器在线| www.976945.com-娘家只收彩礼不陪嫁| www.bj56.com-彩票大小单双软件| www.vy13.com-购彩大厅下载app| www.25kc.com-华彩咨询集团白万纲| www.2260.biz-福彩e乐服能提现吗| www.8713.top-澳彩网开奖结果| www.70766.com-彩票领取方式| www.039930.com-大中华彩票苹果版本| www.133645.com-福彩自助精灵靠谱不| www.219623.com-众彩网专家预测汇总| www.302665.com-福彩3d走试图| www.380519.com-98彩票app1-| www.545266.com-福利彩票组选3开奖| www.639264.com-上海福彩实体店| www.736225.com-彩票平台自带聊天室| www.819305.com-线上投彩带赚合法吗| www.898380.com-网上彩票刷分红| www.970267.com-福彩排列三开奖规则| www.ci19.com-彩票网站源码| www.wp14.com-福利彩票走势图样板| www.22hb.cc-彩票几点开奖时间| www.968.gg-g500购彩平台| www.7020.in-竞彩过关方式容错表| www.26060.com-关于彩虹的唯美句子| www.72398.com-奔驰彩票官网qq| www.062681.com-体彩屋下载地址| www.151870.com-福彩3d怎么买1d| www.252678.com-中彩票新闻是真的吗| www.332356.com-时时彩上瘾-| www.413824.com-体育彩票开奖太假| www.523212.com-ddos攻击博彩| www.650822.com-重庆十字彩怎么玩| www.739653.com-炫乐彩票怎么样| www.818393.com-彩乐汇下载-| www.893701.com-安徽快三和值走势| www.966440.com-彩经彩票手机下载| 91彩票网www.966943.com| www.lh33.cc-广州好彩1开什么| www.n91.in-5分快彩技巧| www.52ll.cc-葡京彩票论坛| www.0419.gg-山东彩票app下载| www.9645.cm-牛彩网排列3| www.52949.com-福彩时时彩玩法介绍| www.99735.cc-中国体彩彩票app| www.069752.com-南方双彩最新版本| www.140202.com-足彩加app下载| www.221965.com-南国彩票七星论坛| www.303804.com-鑫彩属于合法彩票吗| www.381528.com-礼拜五彩票开什么奖| www.570125.com-七彩云南普洱茶饼| www.646771.com-彩票是人为-| www.738450.com-威信彩票下载安装| www.803782.com-加入彩票群-| www.879628.com-彩票实用工具数据| www.cp1719.com-幸运快三预测分析| www.ms19.com-易盈彩票官网苹果版| www.5hw.cc-玩彩票的技巧与心态| www.65uy.com-保定体彩电话投注| www.0796.date-网上还能买足彩吗| www.8976.vip-查询彩票开奖的软件| www.51900.com-湖南福彩网三d论坛| www.96871.cc-合肥竞彩店交易排行| www.062439.com-瑞彩祥云快三邀请码| www.169621.com-江苏快三技巧| www.257529.com-505彩票-| www.330727.com-网赌彩票为什么输| www.400282.com-体彩官网哪里买好点| www.549486.com-足彩还可以买吗| www.632648.com-七彩云盒子破解| www.702396.com-彩客竞彩苹果下载| www.780669.com-体彩p3试机号今天| www.857633.com-99彩票网试玩| www.922049.com-结婚彩礼钱多少合适| www.980068.com-买彩票怎么看中奖了| www.rl77.com-快三精准计划群| www.9yd.cc-买体彩犯法吗| www.66da.cc-时时彩012路表| www.0663.wang-中国福彩30选5| www.8741.shop-七天彩是个什么平台| www.40925.com-立彩彩票助手| www.86509.com-网赚彩票群可靠吗| www.043163.com-中国体育彩票宣传语| www.150356.com-湖北快三开售时间| www.244379.com-福彩3d彩吧网预测| www.317138.com-被九号彩票骗了| www.382969.com-香江彩平台-| www.528193.com-时时彩提早开奖器| www.610578.com-彩铅画风景教程图解| www.680300.com-什么是彩钢夹芯板| www.758941.com-福彩选大小-| www.865420.com-体彩票开奖结果查询| www.928076.com-3d新彩票走势图| www.983482.com-彩票首充彩金| www.cb63.com-天天彩下载-| www.sr39.com-168彩票网香港彩| www.09up.com-网易七星彩自选| www.77cn.com-高频彩票记录| www.1287.cc-乐彩神平台-| www.8916.loan-竞彩开奖多久能兑奖| www.42875.com-送彩金白菜网| www.85965.cc-彩旬美果002| www.034792.com-高频彩走势app| www.133841.com-快三二同号有多少个| www.206893.com-152彩票网站| www.276682.com-彩票和赌博没区别| www.378901.com-36选7好彩3公式| www.496686.com-直击黑彩一彩吧图库| www.565803.com-18彩票官网-| www.631414.com-融彩网多长时间了| www.696270.com-8k彩票官方网址| www.769339.com-好彩赚钱平台| www.944818.com-248彩票平台下线| www.991568.com-旺彩社区是什么| www.cp3223.com-新韩国快三开奖| www.lf45.com-彩29app官方| www.b77.org-福利彩票代销费返还| www.25nh.com-华彩谢茂全简历| www.872.date-中国竟彩计算胜平负| www.4570.tv-下栽正宇火箭彩票| www.9393.cc-在马来西亚做博彩| www.57160.com-锋彩直播去升级版| www.007728.com-手机新浪网彩票| www.069573.com-神彩v1-| www.128908.com-一分钟3d福彩| www.196060.com-江西快三技巧| www.260676.com-福彩双色球怎么兑换| www.328663.com-乐彩3d论坛杀码| www.390826.com-手机购买的彩票网站| www.568618.com-阿狸彩票登陆| www.632482.com-七星彩下期出什么奖| www.695315.com-竞彩能不能赚钱| www.764434.com-01彩票在线下载| www.865569.com-彩票怎么中大奖呢| www.922002.com-中国体育彩票彩友吧| www.968569.com-中乐彩75秒-| www.cp7977.com-江苏快三是骗人的吗| www.me99.com-快开彩票是真是假| www.e67.cn-蓝彩竞猜-| www.27dq.com-东莞福彩转让| www.807.tv-直播彩票的主播| www.4168.cm-彩虹六号冰河皮肤| www.8927.top-香港好彩80234| www.51810.com-牛蛙彩票下载软件| www.89551.cc-排三新彩网手机站| www.035541.com-彩票组合号码器| www.132104.com-濮阳彩礼钱出人命| www.198729.com-七乐大发快三| www.259165.com-买竞彩惨痛经历| www.320231.com-历史上福彩开奖号| www.380109.com-怎么买湖北快三| www.531225.com-水溶彩铅画星空教程| www.604813.com-集美体育彩票店转让| www.667871.com-中国福利彩票冯学志| www.729700.com-神采和神彩的区别| www.793812.com-斯诺克博彩网站| www.859667.com-14亿彩票app| www.912264.com-洛神体彩店下载| www.965546.com-彩票店是怎么赚钱的| 优点彩票www.137101.com| www.dw51.cc-彩福彩票aq-| www.sl64.com-机选一注时时彩|