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.1771.top-彩票打流水什么意思| www.02214.com-彩经彩票网可靠| www.66330.com-计划时时彩网| www.pe53.com-快三一分钟一期| www.93129.com-105彩票官网平台| www.462143.com-两个合法网购彩票| www.311305.com-北京11选五爱彩乐| www.325315.com-彩票工具今日运势| www.519707.com-256cm彩票-| www.dt07.com-5c彩票-| www.617072.com-彩票是在哪都能换吗| www.803753.com-湖北快三统计表| www.908115.com-七星彩彩票领奖期限| www.980407.com-彩票3000-| www.cp9828.com-甘肃快三跨度走势图| www.g18.top-海南哪个彩票网好| www.76oq.com-彩票点杀连挂| www.925974.com-江西上饶体彩店转让| 网易彩票www.07163n.com| www.113011.com-网上大众彩票| www.949009.com-中彩股份-| www.n13.biz-668彩票网手机版| www.82en.com-彩票极速赛车计划| www.766114.com-重庆时时彩乐娱网址| www.875069.com-微信足彩群-| www.983487.com-网上购彩票如何兑奖| www.ex60.com-湖北一定牛彩票| www.e18.cn-高手彩票网123| www.72fx.com-吉林快三最后一期| www.uq9.cc-彩票体彩开奖查询| www.9429.loan-讯飞彩票骗局| www.158543.com-农村医药报新粤彩| www.4327.wang-鑫之家彩票网| www.884764.com-福彩唐龙说彩趋势图| www.714872.com-韩国一点五分彩开奖| www.gi04.com-用哪个app买彩票| www.ts60.com-快三在线购买| www.92kk.cc-韩国有名彩票| www.414703.com-绿好彩哪里可以买到| www.562565.com-高频彩有合法的吗| www.634889.com-博彩mg游戏-| www.744196.com-赌彩网app-| www.865381.com-分分彩历史开奖记录| www.939268.com-官方快三投注平台| www.994872.com-彩票号码预测计算器| www.zn2.cc-即时开彩-| www.sw22.com-彩票老师带人可信吗| www.5855.bid-中奖彩票掉了| www.762821.com-可靠的彩票代购网站| www.867750.com-七星彩都是几点开奖| www.286681.com-江苏福彩快三遗漏| www.69070.cc-福利彩票属于赌博吗| www.025430.com-福彩3d八卦图| www.832188.com-七星彩摇奖结果| www.gy19.com-共享彩票2234| www.58932.cc-网购彩票合法| www.621857.com-吉祥彩票黑钱| www.5714.vip-福彩胆码排序图| www.9022.top-今天打什么码七星彩| www.88070.com-网上彩票是骗局吗| www.531358.com-博瑞彩票主页| www.610592.com-梦见猪推荐彩票号码| www.688960.com-最新彩票平台官网| www.778094.com-恒耀购彩官网| www.083288.com-广东省彩票兑奖中心| www.181827.com-大发快三官方网| www.863727.com-手机贴彩膜-| www.952775.com-丰彩彩票登录| www.140290.com-幸运快3是什么彩票| www.241865.com-七星彩胆拖-| www.001041.com-福彩3d投注时间| www.zs16.com-七彩本草滴丸骗局| www.138347.com-中华彩票手机版下载| www.311041.com-美国彩票和中国| www.380625.com-体彩11选5下载| www.182012.com-038彩票ios-| www.739560.com-福彩开业宣传语| www.3399.in-足彩跟投app排行| www.051626.com-星光彩票网站| www.385722.com-福彩3d初几开奖| www.513531.com-重庆时时彩五分| www.573102.com-惠民彩票靠谱吗| www.640999.com-荣耀娱乐彩票| www.770603.com-98时时彩网站| www.829296.com-36o彩票在线计划| 鸿运彩票www.hy2721.com| www.gd07.com-彩票计划群图啥| www.wt61.com-中国彩吧首页| www.900884.com-赢钱彩官网-| www.964035.com-彩吧图第三版答案| www.cp809.cc-网上怎样玩快三| 818合彩www.www.9889hc.com| www.196162.com-江苏快三奖金对照表| www.278816.com-福利彩票正规app| www.206247.com-彩678是真是假| www.804415.com-杭州福彩十二选五| www.880159.com-福彩3d杀码专家| www.947371.com-福彩计划聊天室视频| www.994823.com-彩票号码推荐| www.bh90.com-易彩彩票合法吗| www.254211.com-福l彩3刃于奖情况| www.350435.com-彩色笔水彩笔| www.505794.com-黑彩有人赚钱走吗| www.8937.xyz-时时采彩人工计划| www.23bk.com-精彩音乐汇2017| www.407062.com-取消彩票平台代理| www.675.red-重庆体彩电话| www.1235.com-快三345中多少钱| www.195027.com-最新彩民乐-| www.9064.loan-七星彩2288-| www.66171.cc-买彩票源码什么意思| www.058872.com-北京快3金达彩票| www.362275.com-关于彩虹糖心情说说| www.356473.com-金木研画画彩铅图片| www.455997.com-上海快彩电子走势图| www.540200.com-体彩外围合法吗| www.612986.com-新加坡六星彩| www.682958.com-广州好彩酒家电话| www.1098.org-竞彩如何全包盈利| www.164640.cc-微彩娱乐-| www.654470.com-88福彩快乐下载| www.672725.com-福彩销售时间| www.768046.com-包赔团队彩票| www.837014.com-乐彩33代理-| www.116612.com-快三买大小实用技巧| www.137043.com-彩788反水时间| www.215413.com-达人彩票下载中心| www.920.online-求数字彩票漏洞| www.580427.com-今晚六会彩结果果| www.641111.com-荣誉彩票是骗局吗| www.929256.com-体彩作假吗-| www.982819.com-如意彩票下载安装| www.xb.cc-甘肃彩票快3图表| www.od79.com-体彩足球竞猜比分| www.400382.com-火箭彩票apk下载| www.707744.com-足彩比分计算器| www.7555.wang-牛牛彩票下载| www.313044.com-乐米彩票app网址| www.397320.com-菲律宾博彩证合法| www.503035.com-投彩能赚-| www.565596.com-福彩中奖怎么派奖| www.648009.com-彩票339-| www.738450.com-威信彩票下载安装| www.835135.com-好彩烟爆珠-| www.897191.com-国外有没有五分彩票| www.962727.com-旺旺彩下载-| 彩票5www.550435.com| www.2339.win-三分时时彩计划网页| www.1275.vip-体彩四川金7直播| www.593717.com-七彩国际影城爱建| www.089354.com-彩票福彩排三| www.86zz.com-彩票代理赚钱| www.1417.cn-309彩票-| www.26129.cc-彩虹歌词羽泉含义| www.9145.biz-官方彩娱乐平台注册| www.338.net-青蛙彩票正版资料| www.8009.me-带玩彩票软件| www.66752.cc-附近彩票站有多远| www.063111.com-9万彩票官网下载| www.139687.com-足彩app下载| www.215593.com-福利彩票是6位数吗| www.057079.com-休闲帝彩票-| www.sd1.com-上海体彩兑奖地址| www.593700.com-昆明七彩云牛乳业|