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.919166.com-玩黑彩的软件| www.ze.com-福彩快3玩法规则l| www.41726.com-福彩快三能赢钱吗| www.6565.net-679彩票最新版| www.33080.cc-极速时时彩开奖器| www.957206.com-精英彩票心水讨论| www.62237.cc-三彩网店代理| www.5bl.cc-五分时时彩投注技巧| www.302669.com-七星彩图片-| www.919882.com-做一个彩票软件| www.6055.net-491彩票下载| www.74vh.com-97彩票平台咋样| www.032674.com-体彩摇奖直播| www.hq62.com-上海快三技巧口诀| www.44to.com-彩虹七号的视频| www.5804.com-云顶国际博彩下载| www.78688.cc-彩3d乐彩3d-| www.491279.com-009彩票网靠谱吗| www.10dy.com-天霁彩票网手机版| www.556584.com-20分钟一开的彩票| www.9124.net-专业彩吧助手彩票| www.55xk.com-巴西安伯快三查询| www.3040.pw-彩逸炫怎么样| www.gf20.com-王者彩票平台靠谱吗| www.98tu.com-六爻测彩软件| www.916062.com-现在福彩生意好做吗| www.325571.com-体彩排列三和值表| www.3978.com-体彩493前后关系| www.176879.com-1分快三是官方的吗| www.8628.xyz-范伟买彩票中的号码| www.6393.me-大时代洛杉矶快三| www.495028.com-彩票定位胆论坛| www.954839.com-黑客高手破解时时彩| www.771119.cc-甘肃快三杀号| www.897888.cc-彩票店标语-| www.984540.com-福彩3d小小鱼彩图| www.js69.cc-凤凰生活彩票合法吗| www.467091.com-彩票天空与你同行| www.00272.com-福利彩票兑奖公众号| www.95up.com-美金申请88彩金网| 顶级娱乐www.093388.com| www.63063.com-澳客手机彩票网手机| www.356653.com-大庆彩票站出兑金额| www.501972.com-玩彩票钱全部输光了| www.590366.com-网易竞彩单场| www.729511.com-快三复式万能5码| www.420026.com-一品彩票下载安装| www.km6.com-安徽快三查询今天| www.e77.org-七乐彩现场直播节目| www.31825.com-代玩彩票兼职赚钱| www.212412.com-淘彩票-| www.817709.com-19050足彩推荐| www.94xk.com-足彩分析微博| www.959885.com-19号彩票-| www.ts35.com-合买彩票是哪个软件| www.148062.com-福彩大赢家走势图| www.xt81.com-彩虹六号国服凉了| www.6738.com-彩票猜测-| www.30698.com-青岛福彩电话| www.79772.cc-宁夏体彩领奖流程| www.111996.com-被骗到菲律宾卖彩票| www.5576.space-小彩牛彩票是真的吗| www.wf3.com-彩八app下载安装| www.95184.com-怎样联系福彩内部人| www.395078.com-彩虹秒赞授权查询| www.586874.com-南方双彩绿色版下载| www.0769.live-彩票双色球杀号定胆| www.9999.mobi-彩色压模地面| www.3ea.com-欢迎光临台湾福星彩| www.660975.com-福彩八卦图新版| www.759017.com-爱乐购彩票官网登录| www.838798.com-足彩对冲套利违法吗| www.901524.com-黑彩奖金到底有多高| www.964234.com-彩票加倍是什么意思| 彩吧www.979819.com| www.3365.cm-彩经网杀号定胆表| www.055070.com-中国体育彩票头像| www.216405.com-快三豹子-| www.339018.com-福彩双色开奖走势图| www.545860.com-国安彩票在哪里买| www.629881.com-时时彩半顺怎么买| www.704800.com-福彩一点通app| www.329.cc-色彩基础画-| www.929179.com-七星彩个位公式| www.989058.com-彩83彩票官网| www.gw75.com-体彩排列三预测| www.c07.cm-福彩三d天宇和值迷| www.76vm.com-百姓彩票提现| www.6177.me-高手彩票、特彩吧| www.619556.com-竞彩冷门-| www.012529.com-海南省七星彩坛论| www.010579.com-易网彩票开奖结果| www.098764.com-高频彩开奖直播分析| www.169211.com-十分快三-| www.247163.com-内蒙古快三30期| www.318792.com-98彩票登录-| www.388636.com-首批网络彩票牌照| www.061029.com-彩客网买彩票靠谱吗| www.426660.cc-3d职业彩民心得| www.15615.cc-手机澳客彩票客户端| www.029760.com-腾讯分分彩开奖源| www.032654.com-赛果及派彩-| www.121051.com-福彩历史开奖开| www.147855.com-体育彩票网站| www.226078.com-浙江快乐彩一定牛| www.0431.link-想做彩票代理| www.x15.net-今晚七彩奖开什么| www.952930.com-拍照查彩票-| 500万彩票www.96386j.com| www.122342.com-时时彩盈利15万| www.89wk.com-青岛彩票站出兑转让| www.2480.cn-青海省快三推存号| www.985308.com-苹果728彩票下载| www.rs1.com-e球彩怎么玩| www.e38.bid-北京三分彩开奖结果| www.96993.cc-单场足彩技术| www.175377.com-安徽快三推荐号码| www.738188.com-金彩彩票是骗局| www.804660.com-中国体彩幸运之门| www.880017.com-三3d彩吧图库| www.939542.com-福彩通怎么登录不上| www.989876.com-七七彩票是真的假的| www.gl40.com-福彩网快三下载安装| www.yf93.com-彩票店一般几点开门| www.38rz.com-彩民在线视频| www.25893.com-彩虹周杰伦歌词| www.68917.cc-彩票对压什么意思| www.9051.biz-福彩太湖谜语总汇| www.uj28.com-大赢家彩票网靠谱吗| www.568980.com-鸿易彩票是真的假的| www.733001.com-南京市体彩申请电话| www.947221.com-3地彩票-| www.kb85.com-168彩票网在线| www.872044.com-福利彩票多少钱一张| www.158294.com-足彩推荐杨震任九| www.218877.com-惠民彩票app| www.339796.com-唐山彩票站转让| www.456683.com-中彩缘网站-| www.7379.biz-色彩风景画临摹图片| www.57763.cc-福利彩票线上购买| www.536060.com-福彩任四胆拖玩法| www.527787.com-百乐彩娱乐城官网| www.646164.com-蓝月亮天天好彩| www.787288.com-福建体彩即乐彩| www.919147.com-真假彩票-| www.uq17.com-官方手机买彩票| www.88wh.com-大中华彩票怎么注册| www.4487.cc-腾讯微彩是什么| www.573456.com-808彩吧官网| www.425017.com-七彩语文杯2018| www.610468.com-排五最大中奖彩票| www.780001.com-申请福利彩票销售点| www.912639.com-小六壬测彩票| www.982170.com-3d新彩吧图谜| www.qz53.com-足彩玩法规则| www.11xb.cc-歌曲彩虹羽泉歌词| www.257.in-网上彩票安全吗| www.84177.cc-早上几点开快三| www.863019.com-聚金彩票-| www.8157.cc-双色球近期彩票开奖| 豪彩VIPwww.7fk.com| www.975417.com-彩票摇一摇可靠吗| www.190176.com-福彩三d开奖结果| www.627368.com-中彩1分钟1期快3|