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.385659.com-竞彩足球比分足彩网| www.975604.com-农村彩礼-| www.932005.com-大发快三黑平台| www.133124.com-猫彩绘图片-| www.vn95.com-查七星彩开奖结果| www.492236.com-彩票店违规-| www.582160.com-彩879平台靠谱吗| www.258112.com-乐米彩票关停了| www.op02.com-街机快三-| www.14se.com-铜陵体彩兑奖中心| www.90us.com-辉煌彩票很多人玩吗| www.3298.xyz-彩票k1.ccm-| www.8706.top-境外足彩平台| www.50iw.com-全天快三期一计划| www.751342.com-福彩票app-| www.063456.com-中国体彩加盟| www.397343.com-湖北体育彩票加盟| www.675872.com-竞彩篮球胜分差技巧| www.775607.com-众彩是骗局吗| www.029640.com-博彩接口收费吗| www.086892.com-福星彩图-| www.10345.cc-足球竞彩走势图| www.9377.org-新快报金钱豹福彩| www.654756.com-分分时时彩购买网站| www.977832.com-吉林快三历史开奖| www.71fx.com-幸运飞艇开奖彩网| www.033445.com-快三豹子通中多少钱| www.133425.com-天然彩色宝石| www.238165.com-发彩网网址-| www.316820.com-618彩票平台| www.402551.com-七星彩神针定尾版| www.803529.com-七星彩哪个频道开奖| www.907018.com-体育彩票组三包号| www.972534.com-人物彩铅画插图| www.cp7758.com-手机买彩票app| www.517191.com-双色球彩民讨论区| www.hd17.com-湖南省福利彩票兑| www.00tz.com-为什么玩彩票总是输| www.07ae.com-怎样用彩铅画星空图| www.68433.com-百盈快三投注计划| www.19944.com-51中彩彩票网| www.96869.cc-竞彩推荐交易排行| www.o19.me-中国福利彩票分分彩| www.2131.net-苏州福彩3d开奖| www.289575.com-凤凰私彩平台手机版| www.699821.com-彩客网是正规网站吗| www.140908.com-福利彩票咋查中奖| www.634523.com-兔毫盏能养出彩吗| 购彩票www.c5237.com| www.153605.com-重庆时时彩杀号| www.821577.com-今日福彩开机号| www.903406.com-高频彩平台推荐| www.969427.com-158计划网时时彩| 博友彩www.628987.com| www.lg99.cc-正规分分中彩票| www.l31.in-那里买彩票走势图图| www.42yj.com-篮彩258论坛| www.xb82.com-掌中彩骗局| www.899827.com-中国福利彩票店流程| www.cai3934.com兰州快三走势图| www.992943.com-微信投注福彩赚钱| www.la15.com-福彩88是什么东西| www.9te.cc-微博上买彩票靠谱吗| www.860765.com-内蒙快三推荐号| www.939355.com-下载百盈快三| www.993708.com-足彩2串1倍投技巧| www.af03.com-全国彩票开奖大厅| www.vl04.com-私彩快三怎么玩稳赚| www.610239.com-怎么在淘宝上买彩票| www.618232.com-我要看体彩排列三| www.79268.com-最新骗局带你套彩金| www.3621.me-昨晚彩票号-| www.156215.com-好彩堂跑网-| www.9439.tv-特网彩票统计| www.198104.com-福彩3d大本营预测| www.097161.com-快三如何追豹子| www.225880.com-刷彩金单违法吗| www.7611.cm-麦久彩票网东方红| www.20201.cc-今曰竞彩推荐| www.113329.com-彩票预测表-| www.020481.com-足球彩票怎么看主队| www.7192.pw-七彩阳光的歌| www.78288.com-南方双彩ios版| www.358613.com-中国体育彩票输赢| www.445331.com-开彩票店自己玩输了| www.556612.com-七乐彩复式投注缩水| www.639159.com-厦门人做彩票的多吗| www.722761.com-wbg秒秒彩-| www.799913.com-101彩票下载安装| www.264838.com-开大小单双是啥彩票| www.698043.com-杭州福彩中心地址| www.779511.com-彩票双色球走势表| www.862514.com-今体彩开奖结果| www.946779.com-香港彩种大厅下载| 百姓彩票www.bxcp5.com| www.010662.com-手机购买大乐透彩票| www.003642.com-彩票解太湖诗汇总| www.997121.com-爱彩乐是做什么的| www.9204.cn-网上时时彩盈利表| www.78996.com-最新尼彩手机| www.687062.com-8号彩票是黑平台吗| www.095650.com-大连福彩事业编| www.240062.com-彩神lv下载-| www.542608.com-三分快三网站| www.640221.com-新浪爱彩为什么改版| www.761905.com-陆慧明看今天足彩| www.842331.com-体育彩票分配比例| www.904583.com-江苏快三高手交流群| www.970284.com-今日七彩乐开奖结果| www.cai3920.com百姓彩票-| www.508522.com-神州彩专业版| www.615349.com-体育彩票几位数有奖| www.710272.com-谁有彩票店微信| www.838583.com-百家欧赔澳彩指数| www.915193.com-小米米彩票-| www.ev70.com-大发时时彩有幕后吗| 500万彩票www.39500o.com| www.892605.com-必赢彩票网下载| www.362237.com-彩虹的拼音-| www.596895.com-福彩返奖率历史记录| www.779434.com-六台彩迷宫五花八门| www.869607.com-鸿运彩彩票可靠吗| www.962211.com-6h彩友网-| www.08vh.com-体彩排三19053| www.392244.com-大乐透时时彩| www.559244.com-湖北福彩app下载| www.58wz.cc-重庆体育彩票大奖| www.1249.vip-块3单式彩票| www.47248.com-体彩销售点-| www.87608.cc-98彩票网线路导航| www.521635.com-免费时时彩龙虎计划| www.jw55.com-彩客完整比分| www.988919.com-家彩网胆码-| www.lr61.com-大中华彩票靠谱吗| www.60.cn-长春高新区彩票站| www.657002.com-竞彩足球微信公众号| www.oi85.com-彩控网-| www.501937.com-白菜网领彩金| www.235968.com-澳客网足彩14场| www.884820.com-亿彩堂app下载| www.956042.com-买彩票怎么开讲| 爱彩www.013ac.com| www.659045.com-财神会彩票正规吗| www.53693.cc-足彩让球平什么意思| www.9991.me-进口彩妆-| www.3332.top-汇彩国际会员登录| www.543678.com-琓彩人杀码-| www.659449.com-欢迎光临金利彩票网| www.719061.com-彩吧网下载安装| www.784765.com-七星彩奇偶走势网易| www.856589.com-中国体彩七星彩走势| www.908557.com-快三奖金对照表图片| www.960953.com-福利彩票快3多少钱| 全民汇彩票www.52303q.com| www.kk37.com-易彩集团是什么| www.x30.shop-体彩双胆神算| www.91ox.com-彩票必中法术| www.6539.com-趣9购老彩票平台| www.01uf.com-看到彩虹的唯美句子| www.83jv.com-微发彩票-| www.3629.biz-外围足彩app下载| www.382513.com-足彩19022分析| www.092449.com-美国兆彩开奖结果| www.879722.com-快乐分分彩人工计划|