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天

知道了
彩01彩票 www.914921.com-牛彩3d图谜汇总九| www.984635.com-玩快彩王输了一万多| www.hj71.com-51中彩app下载| www.25dq.com-华彩谢茂全简介| www.0172.vip-网上国彩是不是骗局| www.480738.com-喝彩中华第三季| www.648383.com-北单500彩-| www.850912.com-腾讯时时彩玩法大全| www.089024.com-下载3d彩票软件| www.275019.com-分分时时彩都是假的| www.365535.com-水溶彩铅怎么用| www.453544.com-贵州多彩宝交费平台| www.564833.com-体彩天下软件下载| www.66512.cc-南洋乐和彩几点开奖| www.39719.com-购买网上彩票犯法吗| www.86096.com-彩镀锌板-| www.602466.com-吉林快三的玩法| www.266525.com-双数开彩-| www.353527.com-京彩钱包苹果版| www.444799.com-金手指彩票软件下载| www.yy65.com-500彩极速快三| www.029292.com-今日七星彩-| www.5787.cc-竞彩足球胜平负规律| www.7356.biz-懂球帝怎么购彩| www.208390.com-广西中奖彩票| www.358514.com-白小姐彩票史| www.507162.com-彩票非凡网-| www.601159.com-彩票能提前买几期| www.376955.com-高頻彩开奖网| www.139850.com-竞彩篮球app下载| www.yb69.com-天津体育彩票| www.506368.com-澳门有哪些博彩| www.615150.com-央视报道彩票新闻| www.702182.com-胜负彩彩果-| www.788279.com-彩票新平台送钱38| www.ub20.com-新浪名家彩票预测| www.868808.com-七星彩前4个规律| www.973505.com-彩虹宝宝兔叨叨| www.cp029.com-快三自创绝密技巧| www.033810.com-神彩福牛双色球分析| www.055299.com-吉林快三网盘申请| www.132676.com-彩箱包装-| www.211628.com-吉林快三预测一定牛| www.018039.com-七乐彩走势图综合版| www.336652.com-江苏快三下期推荐号| www.439579.com-玩儿彩票犯法么| www.530390.com-超极彩票助手| www.cp231.com-谁有大发快三网址| www.727687.com-彩易彩票软件| www.476887.com-国彩彩票网址| www.896752.com-易语言彩票自动投注| www.739001.com-体彩福彩全假的| www.930625.com-彩票税-| www.cp3626.com-一分快三全天计划| www.176698.com-江苏快三中奖金额| www.025893.com-福彩3d万能组选| www.980954.com-四川快三推荐| www.mc93.com-福彩快三倍投| www.512897.com-玩彩网ios下载| www.583552.com-官方彩app中文版| www.656493.com-香港博彩王-| www.727912.com-乐彩175000-| www.795337.com-彩神88是什么网站| www.44999.com-特彩网中彩网| www.12oh.com-434幸运彩票| www.79538.com-彩9安卓下载安装| www.796451.com-鸿运彩票怎么查号| www.878759.com-全国福彩积分| www.963360.com-少儿彩铅画图片大全| www.cp548.com-哪些私彩平台靠谱| www.234240.com-送彩金彩票软件| www.365938.cc-马可彩铅水溶和油性| www.516192.com-银海彩票彩吧图库| www.6993.cc-全民玩彩福彩排列七| www.498815.com-网络彩票可以举报么| www.579991.com-七星彩明月珰结局| www.208368.com-河南快三实时结果| www.4865.biz-关于彩票的看法| www.69263.com-彩票361官方网站| www.218399.com-福利彩票幸运农场| www.905331.com-yy彩票正规吗| www.981147.com-七彩格子是真是假| www.6510.com-广场彩票30万大奖| www.sv85.com-佛法求财中彩票| www.22ae.com-体彩大王-| www.0015.online多彩票生肖表| www.591.biz-时时彩开奖结96果| www.9680.in-重庆时彩牛牛平台| www.45440.com-金彩网免费大全| www.025044.com-智慧彩票预测准吗| www.131800.com-重庆哪些区县要彩礼| www.242490.com-广西快三遗漏号| www.637411.com-双彩论坛网首页| www.715395.com-福彩3d直选技巧| www.822469.com-爱博网络彩票| www.203529.com-快三大小怎么玩稳赚| www.319020.com-七星彩万能十二码| www.424387.com-利民彩票网站合法吗| www.558111.com-大赢家彩票网站骗局| www.663059.com-福彩3d败家子字谜| www.763559.com-华宇彩票代理| www.874855.com-拉菲装饰彩票| www.7yu.com-南国彩票版杀手之王| www.698392.com-网上买彩票倍投好吗| www.813011.com-彩票方案佣金怎么选| www.896116.com-合买彩票网站怎么买| www.962043.com-山东手机体彩| 中国福利彩票www.08588r.com| www.47us.com-福利彩票尺寸| www.887.mobi-算卦能算彩票吗| www.yz18.com-三分彩技巧-| www.976519.com-河南体彩中心娄莹莹| www.vp30.com-86彩票开奖网| www.37na.com-乐购彩票靠谱吗| www.236129.com-彩票500万开奖| www.hb32.com-[星彩3d论坛| www.43hb.com-阳光彩票注册账号| www.35939.com-广西11选5爱乐彩| www.5321.xyz-头奖彩票开奖| www.328281.com-3d乐彩论坛分析| www.990659.com-8199cc彩票网| www.vd27.com-彩神通今日试机号| www.051040.com-彩票网站开发怎样做| www.877073.com-163彩票网-| www.2408.vip-江苏快三最新遗漏| www.290833.com-内蒙古体彩网大乐透| www.455766.com-爱彩人彩票网可靠吗| www.555935.com-宿迁洋河中彩票奖| www.655478.com-中信彩票官方网站| www.779533.com-开私彩网站好做吗| www.p65.top-高频彩票真的害死人| www.531569.com-买彩票中奖的经历| www.586952.com-星期五体彩开奖吗| www.713568.com-彩色的翅膀作者资料| www.839586.com-快三怎么查-| 网易彩票www.088wy.com| www.4832.wang-世界杯哪儿买彩票| www.38ua.com-七星彩开奖40| www.449917.com-运气太差买彩票| www.636733.com-与彩虹有关的儿歌| www.873055.com-镇江体育彩票转让| www.143813.com-乐8彩彩票怎么样| www.5610.vip-赠送彩票充值卡| www.c11.online-代玩幸运快三| www.2973.cn-彩民中一等奖| www.351987.com-一注彩票赚多少| www.715503.com-7意彩彩票官网| www.904616.com-进球彩哪里买| www.96ia.com-网易彩票客户端安卓| www.251359.com-河北快三开一定牛| www.122295.com-亿彩40066下载| www.728535.com-七星彩综合版| www.57ze.com-渭南彩票站转让| www.06080.com-吉林快三杀码| www.019722.com-369官方网彩票| www.632686.com-大玩家彩票官方网站| www.771312.com-微信投资福彩快三| www.193603.com-快三开奖结果双吉林| www.145799.com-福彩犯法吗-| www.3495.vip-现金彩票软件| www.69132.cc-乐购彩票时时彩| www.85832.com-布衣图库好彩网| www.v69.org-牛彩网彩摘网首页| www.191727.com-256彩票app|