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天

知道了
百盈PK10 www.755630.com-江门体彩店-| www.874850.com-拉菲国际彩票| www.947758.com-爱彩乐可以买彩票吗| www.999362.com-伪球迷买足彩胜负平| www.bn79.com-快三每天开多少期| www.xu03.com-吉林快三二同号预测| www.119062.com-百盈时时彩开奖号码| www.216877.com-快三稳定平台| www.299442.com-快三计划app| www.3757.win-七星彩金钱头尾册子| www.60442.com-七乐彩票开奖查询| www.69496.com-浩博彩票网站| www.cai660.com-百盈快三技巧| www.eu12.com-彩神免费计划官网| www.720540.com-七星彩星座幸运选号| www.171655.com-河北快三官网下载| www.688.cn-日立彩票平台正规吗| www.870702.com-易旺彩票网靠谱吗| www.686072.com-广西彩票中奖| www.334233.com-福彩通app注册码| www.667209.com-马会彩票网-| www.968048.com-民政部福彩中心贪| www.ax67.com-5d彩化-| www.ua83.com-购彩票的合法网站| www.21ny.com-河内一分彩走势图| www.042223.com-竞彩足球胜负平开奖| www.876615.cc-中奖概率最高的彩票| www.947683.com-信誉时时彩平台推荐| www.997480.com-快三最高邀请码| www.nk51.com-中国足彩网网站| 55彩票www.755745.com| www.395390.com-奇门九宫格预测彩票| www.106258.com-彩票77官方下载| www.027142.com-网络彩票买大小骗局| www.724318.com-什么人不能买彩票| www.862300.cc-体彩加盟电话号码| www.939941.com-江苏11选5爱乐彩| www.cai799.com-江苏快三中奖规则| www.wv95.com-快三走势有规律吗| www.00501.com-福利彩票公众号购买| www.25359.cc-彩铅人物笔法| www.080066.cc-玩彩票有什么规律| www.175761.com-彩神争8-| 网易彩票www.26163d.com| www.838.pw-福利彩票双色球图标| www.9703.org-彩店宝下载ios| www.88349.cc-新生娱乐彩票| www.136408.com-浩博彩票投注平台| www.277222.com-三不同福利彩票| www.421468.com-东方亮彩曹云坐牢| www.588962.com-808福彩有问题吗| www.718986.com-彩虹为什么会消失| www.856111.cc-福少时时彩计划软件| www.972883.com-凤彩网杀号-| www.cz71.com-人人竞彩网-| www.314913.com-神彩通手机版下载| www.632113.com-快开彩定位胆| www.364038.com-刚力彩芽的电视剧| www.cp9033.com-专业购彩彩票平台| www.1691.net-彩坛为-| www.45576.com-彩薇花美容霜| www.102178.com-58彩丨58彩开获| www.231973.com-时时彩跨度定胆| www.395281.com-市福彩中心兑奖金额| www.611981.com-最新万彩吧下载安装| www.69515.com-赢彩彩票正规吗| www.870497.com-深圳彩票店转让| www.504810.com-彩排的近义词反义词| www.676839.com-彩色包装盒印刷价格| www.o48.club-数学家研究彩票投注| www.1192.vip-pk10彩票概率学| www.9041.biz-今天七彩星开什么奖| www.84258.com-天津体彩下载地址| www.057569.com-玩彩票平台-| www.800545.com-9万彩票官网新版本| www.923353.com-彩票小店宝-| 彩之家www.028082.com| www.hz56.com-手机快快三老输| www.e27.pw-国彩是骗局揭秘| www.54yj.com-牛彩3b字迷-| www.24cq.com-七彩乐单式开奖结果| www.303499.com-福彩3d弘烁图| www.502219.com-彩票套利交流| www.312881.com-快三独胆计算公式| www.038892.com-信彩快三计划| www.001333.cc-快三中两位算中奖吗| www.552193.com-火的足球彩票| www.673111.com-足彩最新缩水软件| www.801259.com-快乐双彩开奖查询| www.894366.com-彩票的样子图片大全| www.fe10.com-快三赚钱是不是骗局| www.j27.cc-青海福彩网官网| www.521586.com-五位数的彩票是什么| www.887688.com-87彩票推广基地| www.24ng.com-重庆市手机彩膜| www.rp0.com-体彩e球彩走势图| www.2884.biz-时时彩投资平台| www.64970.com-易彩快三骰子| www.100344.com-105彩票苹果下载| www.785.la-彩虹小白马图片| www.158426.com-北单彩票店-| 众乐彩票www.387844.com| www.967312.com-百合网玩彩票| www.m27.org-乐彩网福彩三地首页| www.325555.com-七星彩专家预测号| www.891206.com-体育彩票竞彩宣传语| www.cp6788.com-爱彩乐快3中奖助手| www.92279.com-福彩胆拖和值表| www.868140.com-7星彩和值走势图| www.375238.com-福彩三d各种字谜| www.391375.com-3d新彩网无名图米| www.567168.com-速赢彩票是不是真的| www.700793.com-足彩兑奖地点| www.791866.com-幸运博彩app下载| www.869789.com-唯彩会数字彩| www.930807.com-满堂彩官方网| www.984380.com-重庆时时彩诈骗| www.ak49.com-七星彩特区论坛| www.891310.com-福利彩票宣传标语| www.174304.com-今日快三开奖示图| www.271762.com-顺丰彩票正规吗| www.114148.com-贵州中奖彩票| www.198202.com-快三走势图100期| www.278679.com-网上做彩票托的经历| www.356006.com-漫威dc本子全彩| www.439975.com-时时彩彩票安卓版| www.526296.com-竞彩二串一计划图| www.591356.com-博彩公司snai| www.658298.com-网络电视查彩票信息| www.729419.com-博彩88-| www.958418.com-满堂彩58599| 必发彩票www.783306.com| www.im30.com-广东福彩电子投注单| www.265244.com-快乐彩走-| www.361959.com-爱投彩票提现审核中| www.is01.com-彩票软件下载中彩网| www.9rt.com-七彩祥云表情包| www.1060.org-易收米彩票-| www.775238.com-环彩彩票下载| www.905167.com-江苏快三高手讨论群| www.979958.com-彩票吃票行为| www.44570.com-网上彩票倍投| www.089327.com-大众彩票-| www.182134.com-c038彩票官方版| www.279522.com-时时彩龙虎合玩法| www.kx00.com-江苏快三有假么| www.872403.com-手机网上买爱乐彩| www.0040.xyz-体彩七星开奖结果| www.622866.com-今天的3d彩票图| www.752865.com-彩票谜语图-| www.833037.com-双色球彩票助手软件| 网易彩票www.36788m.com| www.716001.com-快三平台怎么做| www.933697.com-金冠彩票官方网站| www.9227.in-彩报3d老汉图今天| www.171177.com-厦门快三开奖查询| www.759249.com-福彩3d精品杀号| www.888280.com-怎样辨别彩票的真伪| www.986708.com-竞彩篮球比分360| www.nr68.com-宁夏福彩-| www.4016.biz-盘点福彩3d大奖| www.9822.cm-彩票开奖查询三d| www.650125.com-博彩业控制nba| www.799907.com-搜狐彩票开奖频道|