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.715922.com-百宝彩视频直播开奖| www.5491.cc-彩虹授权源码| www.75275.com-彩票能赚钱吗| www.789537.com-竞彩买单关能赚钱吗| www.885803.com-彩神一号-| 亿发彩票www.805733.com| www.579039.com-360福彩3d杀号| www.707581.com-被大发彩票骗| www.829994.com-新快三图表-| www.383365.com-彩票做号技巧| www.539254.com-彩票坚持能成功吗| www.626685.com-网易彩票邀请码谁有| www.700366.com-3d牛彩藏机图总汇| www.777716.com-乐艺彩票511| www.796963.com-下载精彩大片软件| www.6210.loan-福利彩票连连看破解| www.43266.cc-鸿运快三彩票| www.022975.com-打3d黑彩能挣钱吗| www.494549.com-吉林市福彩中心在哪| www.027048.com-中福快三五分钟全天| www.396525.com-彩票什么样的出奖| www.506690.com-福彩3d麦久网| www.575527.com-旺彩推荐的号码| www.643400.com-复式彩票中计算公式| www.370378.com-新版时时彩源码论坛| www.cai3888.com快三绝密公式算单双| www.131724.com-南充广元彩礼多少| www.97695.cc-今日竞彩nba| www.089508.com-北京彩票旗舰网论坛| www.218080.com-共赢彩票平台| www.16iv.com-k彩手机电脑版| www.151.org-彩虹周杰伦听后感| www.227062.com-彩库宝典110| www.320959.com-百宝彩彩通群英会| www.399984.com-竟彩开奖查询| www.511763.com-彩客网电脑版比分| www.580810.com-辽宁体彩中心电话| www.655565.com-体彩彩票中奖分布| www.680065.com-江苏快三的骗局| www.775775.cc-时时彩输怕了| www.851304.com-51中彩彩票骗人| www.917138.com-彩虹代刷网授权| www.995145.com-领奖彩票代玩| www.yq7.cc-彩票赠送-| www.vj11.com-快乐彩票三网站| www.741896.com-体彩排列三字谜区| www.261591.com-百盈快三口诀| www.130487.com-七星彩软件手机版| www.22119.cc-老牛足彩分析预测| www.452789.com-爱竞彩官网首页| www.424288.com-3d和值遗漏乐彩网| www.554472.com-竞彩宣传语顺口溜| www.61291.com-zc559众彩网| www.42532.com-赤坎哪里有福利彩票| www.011153.com-极速分分彩开奖记录| www.cai1117.com快三玩法规则及奖金| www.996041.com-竞彩足球北单投注| www.245199.com-中国竞彩网计算器网| www.131555.com-文山彩票大奖| www.31229.com-一分快三秘诀| www.004143.com-博彩理财骗局| www.089493.com-快三国家统一开奖| www.168991.com-快三开奖一定| www.4st.com-彩票中奖发现金还是| www.160577.com-雅彩彩票骗局| www.851353.com-腾讯分分彩中奖秘密| www.970427.com-彩票赚佣金的方法| www.bf02.cc-中福快三走试图| www.975926.com-彩礼三万八吉利吗| www.968305.com-优乐彩彩票能提现吗| www.18.cc-竞彩足球总进球玩法| www.26hc.com-澳门微信群发送彩金| www.0760.site-体育彩票预测软件| www.324689.com-彩票2元网手机版| www.67gj.com-手机51中彩彩票网| www.3216.net-河北体彩兑奖地点| www.128744.com-彩民在线-| www.7968.cc-博彩澳门网站| www.603665.com-梦到自己买彩票输了| www.940016.com-分分快三中奖号码| www.uq95.com-1234cc天下彩| www.qx95.com-上海快三开奖50期| www.02dn.com-江苏快三推二同| www.287820.com-彩票合买平台哪个好| www.421468.com-东方亮彩曹云坐牢| www.540455.com-千禧体彩试机号| www.638756.com-上海体彩店怎么开| www.735927.com-游戏快三是什么彩票| www.808280.com-竞彩足球专家分析| www.874639.com-体彩11选五湖北| www.062365.com-159彩票正规吗| www.397458.com-今日彩票怪字帖| www.619994.com-彩博平台-| www.735543.com-福利彩票专业版下载| www.870269.com-游戏厅彩票机的套路| www.960039.com-哪个彩票网站送彩金| 大众会www.730678.com| www.819278.com-福彩3d大小陪率| www.960846.com-933c1彩票下载| 福彩天下www.805835.com| www.032210.com-牛票票彩票下载| www.935217.com-官方快彩有哪些| www.990966.com-网络彩票真假| www.cu15.com-私彩平台都有哪些| www.s82.top-牛采网彩摘网| www.020429.com-呼和浩特市福彩中心| www.82312.com-福利彩票双色球单式| www.062287.com-国彩平台注册| www.337721.com-西宁市福彩领奖地址| www.426010.com-彩票开奖易彩网| www.592107.com-荣誉彩票是真是假| www.662793.com-更多精彩点击这里| www.54132.com-足球博彩怎么开户| www.019270.com-我的彩票中奖查询| www.657447.com-安徽体彩中心| www.730756.com-彩票小诸葛推荐| www.775985.com-时时彩哪个玩法稳| www.32yg.com-一定牛彩票足球| www.004101.com-整治福彩-| www.774834.com-苏州彩票快三| www.777275.com-海南七星彩梦兆查码| www.868312.com-快三计划骗局| www.58626.com-走势幸运之门彩票网| www.2480.vip-c81彩票平台| www.763098.com-幸运飞艇彩票平台| www.047499.com-福彩中奖助手下载| www.312533.com-开心彩票骗局| www.444181.com-最棒的彩票软件下载| www.27897.com-足彩中奖去哪里兑奖| www.86797.com-七星彩精彩论坛| www.541623.com-金多彩手机开奖| www.033857.com-c27彩票登陆| www.676871.com-彩色压印艺术地面| www.733896.com-彩米图片-| www.806991.com-7号彩票邀请码| www.870957.com-南宁体彩兑奖中心| www.938668.com-亿彩彩票安卓旧版| 爱购彩票www.igcp3.com| www.582195.com-彩票实体店的发展| www.654627.com-体彩abcde-| www.717134.com-零基础自学彩铅画| www.781003.com-彩票白菜福利论坛| www.875868.com-山东福利彩票双色球| www.932035.com-下载够力七星彩票| www.973881.com-广西快三软件| www.cp7568.com-彩票计划软件| www.114369.com-福彩双色球兑奖说明| www.787740.com-福建七乐彩开奖结果| www.250045.com-燕赵福彩网-| www.50ul.com-全彩网报码室| www.323479.com-七乐彩直播现场今天| www.058584.com-彩第一版-| www.v41.cn-豪客彩票下载安装| www.647169.com-江苏快三算号器| www.712181.com-e彩票客户端下载| www.661007.com-黑彩的骗术-| www.719058.com-彩虹形成的过程| www.774416.com-3gnba彩票-| www.824617.com-全民汇彩票首页| www.877189.com-现在彩票不敢造假了| www.940043.com-福彩幸运农场怎么玩| www.976945.com-娘家只收彩礼不陪嫁| www.pq1.cc-韩国彩票网-| www.qu03.com-于海彩票案后续|