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.761570.com-体育彩票玩法奖金| www.45vm.com-福彩客服热线| www.09904.com-齐鲁彩票最近奖是几| www.012372.com-一定牛彩票安全吗| www.141225.com-杀姐姐看彩p3| www.286519.com-全国快三计划| www.431462.com-时时彩四星手机缩水| www.588786.cc-全民免费彩票可靠吗| www.716350.com-k8彩票平台-| www.860280.com-快彩网骗局揭秘| www.967254.com-福彩3d手机选号网| www.cai3925.com快三甘肃走势图| www.km82.com-快三网上怎么投注| www.9618.xyz-爱彩足球比分| www.263951.com-大优彩票网站| www.353044.com-老彩民高手论云| www.451477.com-中彩票真的有预感么| www.969321.com-福彩公益金使用| www.mw21.com-分分中彩-| www.19ol.com-肥城彩票体彩目录表| www.63729.cc-竞彩投注比例分析| www.31vz.com-口袋彩店店主| www.638012.com-何振东足彩-| www.787449.com-聚彩论坛网址是什么| www.900081.cc-网络彩票8816| www.988235.com-华盛娱乐彩票平台| www.to37.com-淘彩票是正规的吗| www.62mx.com-福利彩票一等奖税率| www.55186.cc-北京时时彩开奖网址| www.817493.com-天荣国际博彩合法吗| www.923283.com-竞彩亚盘技巧| www.993257.com-博雅彩票正规吗| www.ll9.com-快三赢钱的方法| www.8929.net-体彩直播七星彩| www.344726.com-快三下期预测| www.5196.vip-最新白菜彩金| www.42796.com-怎样下载彩经网| www.14691.com-凤凰彩票导航网址| www.237071.com-360足彩-| www.652896.com-澳门博彩有限公司亚| www.8fi.com-彩票霸主官网| www.4525.pw-足彩稳定盈利| www.69017.com-国际彩票骗局| www.062134.com-快三提现-| www.239309.com-e彩票app-| www.338263.com-桐梓彩民-| www.95761.com-中国体彩发行时间| www.105102.com-709彩票苹果版| www.202759.com-贵州彩票中奖| www.7707.vip-七乐彩牛材网| www.009129.com-体彩任选14场胜负| www.072415.com-乐亿彩票平台app| www.171841.com-贵州省福彩中心地址| www.263905.com-彩票是最大的骗局| www.190581.com-广西福彩走势图| www.154888.cc-竞彩2选1玩法介绍| www.290965.com-杏彩app-| www.545800.com-体彩彩票机换纸视频| www.654851.com-老梁说彩票中奖概率| www.947685.com-微信上买彩票可靠吗| www.011805.com-58彩开奖-| www.137943.cc-凤凰购彩平台官网| www.7001.cm-体彩排五的走势图解| www.004238.com-博彩系统租用| www.71kb.com-中彩缘下载-| www.8900.in-七彩乐开奖-| www.018263.com-天天赢彩票下载| www.137666.cc-下载宝发彩票app| www.647786.com-霍金彩票公式解析| www.206394.com-快乐彩跨度走势图| www.338589.com-彩票跟投兼职| www.922079.com-南阳彩铃-| www.09su.com-万豪最近体彩销售点| www.44886.com-99彩票可信吗| 华人彩票www.hr6888.com| www.198148.cc-江苏快三振幅| www.661753.com-体彩竞彩6x22| www.0029.cm-中过大奖的彩票| www.202976.com-精彩十分中奖规则| www.51225.cc-爱购彩票官方网站| www.101484.com-彩票aqq排行| www.971118.com-福利彩票都分多少种| www.87wi.com-澳洲彩虹鱼-| www.721127.cc-新二彩票app下载| www.13dr.com-快三追两不同号| www.4541.wang-八马彩票平台| www.85571.cc-买彩票有几种方法| www.g10.space-金沙彩票官网地址| www.033341.com-彩站宝怎么扫码出票| www.351923.com-福利彩票双色球资料| www.61089.com-国际福彩5分钟| www.cai1222.com福彩快3开奖号码| 8号彩票www.60108m.com| www.wp06.com-下一个体彩排列三| www.73nf.com-福利彩票最晚领奖| www.15225.cc-6十1体育彩票下載| www.953798.com-犀牛彩票app下载| www.em18.com-福彩三天计划独胆| www.261272.com-快三守号最佳计划| www.785.cm-浙江体彩31选7| www.585129.com-体彩店一张彩票利润| www.963657.com-彩票高手投注技巧| www.66386.cc-体彩店内部装修图| www.6548.vip-698彩票网-| www.u41.cn-深圳市彩票兑奖中心| www.cp1199.com-福齐天内蒙快三推荐| www.274110.com-彩世界-| www.579528.com-f彩网是真的吗| www.023.tv-唐龙彩报电子| www.8645.net-老三可口福彩微信群| www.rf51.com-快中彩-| www.888727.com-彩站宝怎么买彩票| www.966587.com-久久发彩票下载安装| www.19oj.com-玩时时彩的群| www.082072.com-输钱的快三-| www.85256.com-用什么买足球彩票| www.8534.loan-360彩票登录| www.633016.com-加拿大3.5分彩骗| www.707339.com-彩票高手选号秘笈| www.778489.com-彩乐网app-| www.847999.com-彩票站广告牌| www.904449.com-足彩进球彩-| www.959678.com-盈彩网有app吗| 亚洲彩www.68568r.com| www.eb75.com-台北快三如何能赢| www.1237.bid-三分时彩走势图| www.925459.com-体彩专家胆码家彩网| www.959516.com-体育彩票选号器| www.360512.com-500购彩主页| www.51ky.com-名城苏州中国体彩网| www.2339.me-褔彩票开奖号码| www.715295.com-彩票达人官方网站| www.271308.com-36选7好彩玩法| www.388352.com-华彩联盟论坛| www.875230.com-皇冠彩票可靠吗| www.cp128.com-新韩国快三开奖结果| www.287235.com-安徽快三50-| www.890365.com-大发快三屠龙技巧| www.966229.com-凤凰快三下载安装| 万利www.32123l.com| www.538900.com-福利彩票案-| www.616446.com-竞彩胜平负什么意思| www.698253.com-嘉兴体彩-| www.876548.com-即时开彩安卓版| www.931073.com-马来西亚南洋彩记录| www.973788.com-彩票代理赚流水| www.cai5911.com今日快三吉林| www.168151.com-河北快三跨度| www.154888.com-竞彩技巧讲座| www.220058.com-重庆快三彩票| www.96776.cc-亚博体育假彩票充值| www.92622.cc-中彩票资讯-| www.3611.com-鼎誉国际彩票| www.672068.com-老挝彩票类型| www.2400.vip-足球竟彩奖金计算器| www.325038.com-胜负彩14场-| www.364207.com-e彩在线彩票| www.2939.biz-体彩管理中心电话| www.97aq.com-竞彩体育-| www.2573.win-中信彩票源码| www.7338.com-彩虹六号加速器推荐| www.16543.com-彩神挣霸lv-| www.53758.com-3d彩票开结果| www.99783.cc-香港有哪些彩票|