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天

知道了
亚洲28 www.948393.cc-公益彩票官网| www.et02.com-彩票aqq-| www.f54.xyz-马来西亚做博彩工作| www.55pw.com-查云南体彩30选七| www.1146.cc-彩富网天空彩哳| www.21883.com-700彩票骗局揭秘| www.67550.com-网彩是不是赌博| www.086166.com-湖北快三跨度遗漏表| www.166240.com-快三走势图福建| www.274086.com-三分时时彩如何破解| www.370425.com-秒速彩票程序源码| www.489345.com-辽宁彩票中奖没人领| www.575500.com-彩经网安徽快三| www.657597.com-淅冮体彩6十l号码| www.778028.com-汇彩网网址多少| www.890234.com-大盛游戏彩票网站| www.959746.com-多盈彩手机版下载| 大赢家彩票网www.83033w.com| www.jw14.com-澳客彩票客户端| www.r24.xyz-福彩快三骗-| www.56tv.com-体彩胆拖复式投注表| www.0674.xyz-福利彩票店如何申请| www.00451.com-华彩赢家能不能做| www.59999.com-卓易彩票电脑版下载| www.024448.com-综艺福彩网站| www.106122.com-掌上彩票官方网站| www.181951.com-上海快三中国福彩| www.262675.com-c168c彩票-| www.389931.com-彩票中奖方法传奇| www.520798.com-石家庄福彩-| www.599372.com-网上哪有买彩票的| www.681600.com-什么是14彩-| www.771571.com-中国体育彩票扑克三| www.885978.com-体育彩票哪个app| www.982585.com-体彩吧彩票资料| www.ev85.com-九州中彩票app| www.xy79.com-利澳彩票app| www.27qg.com-345cc彩民开奖| www.4274.cm-彩票大小数规律| www.02575.com-二元彩票下载| www.67798.cc-体彩直播频道| www.031315.com-下彩彩票客户端安卓| www.115031.com-福彩3d舟东全图| www.191591.com-快三一分走势图| www.269850.com-彩票99安卓老版本| www.394360.com-足彩复式经济投注| www.523916.com-老版时时彩app| www.613203.com-宁夏福彩管理中心| www.690906.com-河南彩票快开| www.776570.com-福彩3d藏机图字迷| www.885681.com-博彩接口收费吗| www.969450.com-福彩3d囚氏杀号法| www.cp740.com-快三网上平台网站| www.ol40.com-体彩七星彩玩法说明| www.02ia.com-彩虹七种颜色的顺序| www.77sq.com-国外高频彩是骗局吗| www.1856.com-彩票中奖号码差一位| www.02380.com-易彩会员注册| www.61660.com-福彩3d豹子000| www.025191.com-彩票彩种大全文库| www.102477.com-o2o彩票送30| www.173391.com-福彩快3合肥| www.283559.com-1分彩计划-| www.371331.com-打击越南时时彩| www.470699.com-银川彩票与你同行| www.559053.com-福利彩票佣金多少| www.629771.com-七乐彩守号选号| www.703233.com-福彩快三中奖有多少| www.783837.com-cl李彩琳私照| www.860510.cc-网上购买彩票软件| www.927858.com-彩色复印机图片| www.984832.com-幸运选号彩票新浪| www.so69.com-重庆老时彩开奖| www.01lt.cc-周易八卦解梦七星彩| www.79bl.com-重生美国之中彩票| www.1709.cn-中一等奖彩票图片| www.9933.net-旧版噢百万彩票| www.56123.com-买彩票亏大了| www.002425.com-苏州体育彩票店转| www.074452.com-北京长乐快三查询| www.142682.com-彩虹网彩票正规吗| www.220583.com-博众彩票平台怎么样| www.296523.com-江西快三彩彩乐| www.365496.com-兰花彩铅怎么画星空| www.457744.com-代理广东福彩中心| www.547389.com-中国足彩馆踩踏天下| www.713089.com-七星彩中几个号有钱| www.789414.com-体育彩票常见的数字| www.867555.com-算局七星彩排列五| www.933304.com-福彩双色球机选号码| www.987098.com-天津快三群-| www.cp0808.com-甘肃快三助手安卓版| www.lq08.com-送彩金-| www.g82.com-七星彩苏会文预测| www.35qv.com-台码福星彩资料| www.1035.wang-七星彩中奖新闻| www.7445.xyz-体彩福彩怎么申请| www.25234.cc-线描和彩铅区别| www.66754.com-3d彩摘网-| www.042247.com-竞彩篮球奖金计算器| www.127584.com-彩虹玫瑰存在吗| www.199710.com-彩票封盘是什么意思| www.270033.com-福彩快三速查表图| www.373165.com-凤凰彩票什么网址| www.497076.com-彩票8官方-| www.564213.com-南粤福彩34期结果| www.633378.com-竞彩篮球2串1玩法| www.80se.cc-广西福利彩票未兑奖| www.183219.com-福利彩票快3是什么| www.795787.com-廊坊鸿运彩票网| www.861059.com-福彩快频彩调整| www.912796.com-丹麦快乐彩官网| www.5678.me-万能开彩成绩| www.09493.cc-鸿鼎彩票登录的| www.51857.com-湖南福彩网快乐十分| www.95000.cc-高频彩票大数据| www.057511.com-大乐透彩票有规律吗| www.237038.com-竞彩m串n公式表| www.308577.com-一分钟快三怎么倍投| www.373866.com-王者彩票网被骗| www.512957.com-好运快三有规律吗| www.569397.com-体彩双色球规则| www.624856.com-go彩平台账号啊| www.681252.com-彩票赌徒-| www.754022.com-送彩金28-| www.906163.com-彩色资料跑狗图| www.960183.com-风之彩彩票是合法吗| 中彩网www.61233c.com| www.dq18.com-比北京时间快三小时| www.ub33.com-猜体育彩票术语| www.00or.com-万豪彩票存在吗| www.62bc.com-台湾福彩-| www.988.bid-彩票游戏机算法| www.8846.biz-福彩3d最新漏洞| www.38395.cc-天天爰彩彩票| www.80118.cc-彩吧图迷第一版| www.025335.com-481体彩开奖结果| www.090382.com-怎样下载凤彩网| www.147214.com-彩票五星定位胆技巧| www.270470.com-新彩网3d手机版| www.349426.com-买彩票输了十几万| www.423744.com-体彩排五专家推荐号| www.517159.com-最新七星彩开奖结果| www.577733.cc-我要加盟彩票投注站| www.639330.com-七星彩今天开奖直播| www.763188.com-广西淘宝快三体彩| www.829716.com-连中彩票官方网站| www.892391.com-彩票榜安卓-| www.947436.com-福彩3d购买技巧| www.982493.com-吉林快三怎么打胆拖| www.ot84.com-中国福彩3d和值表| www.p18.net-关于体育彩票知识| www.35qz.com-体彩哪里能买到| www.759.in-1上海快三开奖结果| www.4123.cm-彩虹无人机价格| www.9052.vip-福彩初几开始售票| www.53672.cc-709手机版时时彩| www.93969.com-竞彩米来了-| www.041318.com-快乐彩票三是什么| www.136402.com-浩博彩票-| www.202024.com-uu快三开奖结果| www.267319.com-新浪彩票竞技| www.362939.com-自制彩虹鸡尾酒实验| www.439622.com-彩票中奖彩民图|