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.312847.com-手机玩彩票能挣钱吗| www.zs29.com-竞彩足球比分计算器| www.360362.com-分分彩最稳倍投| www.432811.com-亓合彩现场开奖| www.618509.com-河南周口结婚彩礼钱| www.739026.com-一定牛吉林快三遗漏| www.853282.com-幸运168彩票| www.947150.com-福彩开奖公告号码| www.365468.cc-什么报纸上有彩票| www.590011.com-dd彩票网是谁的| www.818160.com-14场胜负彩26| www.ak82.com-押大小单双正规彩票| www.57dt.com-中国福彩加盟费多少| www.42734.com-想买彩票买什么号码| www.779566.com-七星彩票中奖号码| www.810547.com-手机可以买快三吗| www.949506.com-www.360彩票| www.53ta.com-彩票百分之八十中奖| www.004889.com-彩票开奖预测大乐透| 幸运众彩www.108097.com| www.96560.com-阿里巴巴竞猜彩票| www.55119.com-棋牌送彩金-| www.218214.com-阿里彩票是骗局| www.91rm.com-博彩破解骗局| www.cp606.cc-湖北福彩快三遗漏| www.j45.cc-湖北彩票巨奖| www.777352.com-e球彩中奖助手| www.17sv.cc-七乐彩走势图012| www.859977.com-新浪彩票频道竞技| www.qn8.com-吉林省体彩领奖地点| www.oq97.com-彩票怎么中奖| www.cai466.com-快三中奖助手官方| www.677357.com-分分彩算号器| www.950.net-彩票均衡理论| www.369802.com-体彩排五预测专家| www.130147.com-体彩网点编号查询| www.355299.com-昆山体育彩票| www.871888.com-友恒陕西利彩快三| 辉煌彩票www.2875s.com| www.898959.com-送外卖帮忙买彩票| 中国福利彩票www.33588j.com| www.sx45.com-福彩三d开奖号码是| www.48dn.com-泰国彩票-| www.3684.cc-大众彩体彩走势图| www.04145.com-909彩票-| www.157426.com-竞彩北单推荐预测| www.298577.com-兰州市福利彩票中心| www.75010.com-双色球分析唯彩看球| www.088800.com-福彩官方网站| www.17857.cc-竞彩比滚球坑| www.e13.me-全民福彩下载安装| www.cp9.vip-江西快三彩票网页| www.371911.com-游戏厅彩票能换币吗| www.6024.biz-3d彩票怎么学| www.71ia.com-重庆市彩时开彩记录| www.332026.com-福彩十选五是什么| www.410444.com-金华体彩元旦放假吗| www.520253.com-百乐彩票网站| www.589539.com-七星彩头尾规| www.915669.com-彩票站利润如何| www.5566.cm-马来西亚分分彩| www.5384.cn-古装彩铅画人物图片| www.669682.com-四位数字彩票| www.345003.com-福利彩票中奖走势| 500彩票www.50064j.com| www.pf20.com-河北快三今天开奖| www.74tv.cc-韩雨轩七星彩预测| www.53727.cc-时时彩开奖中心| www.840028.com-pc蛋蛋彩开奖| www.135233.com-今日好彩1-| www.599112.com-买彩票什么时辰吉利| www.71589.com-网络彩票作弊器| www.141382.com-湖北体彩开奖公告| www.569874.com-山东好彩快三计划| www.700050.cc-五分时时彩定位走势| www.9863.vip-点金彩画-| www.024471.com-内蒙快三助手app| www.789446.com-彩色压模地坪报价| www.tc56.cc-网售彩票23号开放| www.990700.com-竞彩足球怎么玩能赢| www.tc21.com-凤凰彩票战狼计划| www.52pi.com-选6型彩票缩水软件| www.4804.org-中彩网双色球规则| www.254204.com-中国福利彩票72期| www.610731.com-多多彩票-| www.520742.com-六和彩17期| www.777970.com-东西湖彩箱-| www.915002.com-优信快三彩票| 易彩集团www.25688n.com| www.44ws.com-旋风彩虹机图片| www.00927.com-彩票挂机接口| www.000248.com-云南时时彩开奖码| www.15196.com-浙江体彩兑奖流程| www.bd27.com-万博博彩app| www.664527.com-七乐彩开奖对比器| www.551799.cc-百乐彩网址-| www.44en.com-盈众彩票下载安装| www.6541.in-彩票顺龙技巧| www.k94.com-两元彩票网走势图| www.499870.com-买彩票用生日怎么编| www.604449.com-皇都彩票官方下载| www.30703.com-彩票开奖大乐透开奖| www.5307.cn-菲律宾五分彩走势图| www.00499.cc-乐彩论坛分析列表| www.39158.cc-彩票类上市公司| www.32382.com-精彩十分中奖彩票| www.720331.com-七星彩有没有中奖| www.823078.com-体育彩票应用软件| www.894400.com-江苏福彩快3手机版| www.960436.com-江苏盐城彩票一等奖| 百姓彩票www.bxcp3.com| www.gq89.com-江苏快三开奖号查询| www.wv43.com-6合万彩王中王| www.447821.com-微信里的中华彩| www.69qg.com-正规时时彩官网下载| www.5240.cc-彩票派彩合法吗| www.51872.com-淅江体彩6十丨开奖| www.6073.cc-竞彩冷门-| www.25355.cc-蒙娜丽莎的彩铅画| www.71571.com-现在卓易彩票用不了| www.654816.com-时时彩分分快三规则| www.755465.com-云南福彩3d-| www.k61.cn-体育彩票几号开奖| www.if34.com-四川福彩快乐12| www.3oj.com-彩票行家con| www.86fn.com-七乐彩软件下载| www.96212.cc-福彩大奖在哪里领| www.62.cc-万达商城时时彩官网| www.193965.com-大发快三彩票群| www.555900.com-福彩超级大乐透开奖| www.668692.com-华人彩票有什么技巧| www.790793.com-机选福利彩票双色球| www.934438.com-快三如何刷流水| 大赢家彩票平台www.721709.com| www.n77.me-彩票哪个是号码| www.mk85.com-快乐彩介绍-| www.9qg.com-排列五走势图彩宝网| www.219348.com-体彩19025-| www.058853.com-彩99安卓下载| www.477688.com-赣州福利彩票| www.222681.com-时时彩刷反水教程| www.093379.com-福彩高频彩有哪些| www.987882.com-湖北福彩5d-| www.016888.cc-游戏厅彩票机的套路| www.71ly.com-彩票中奖搞笑语录| www.726143.com-双色球彩宝贝汇总| www.651279.com-欧美风景水彩| www.co48.com-北京快三开奖最快| www.k50.top-玩诺亚彩票被骗了| www.76lh.com-七乐彩销售截止| www.191723.com-好彩0567下载| www.223434.com-彩乐乐遗漏| www.37899.cc-新浪竞彩推荐飞龙| 十三国际www.578113.com| www.iy03.com-连中彩票和全民彩票| www.k12.red-旧版中国彩吧更懂民| www.413191.com-彩球的设计-| www.869994.com-三分钟时彩开奖记录| www.941332.com-时时彩代理加盟费用| www.985507.com-竞彩14场玩法| www.ez3.cc-快三怎么杀号| www.lh43.com-彩经彩票app下载| www.b85.club-福彩跑马幸运彩开奖| www.562532.com-够力彩票-|