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.949280.com-快三图号码表| www.qa35.com-下载577彩官网| www.322905.com-福彩3d好123| www.433342.com-传彩票-| www.1301.com-海口彩票网加急版| www.03727.com-彩票是网赌吗| www.57455.com-六开彩投注客户端| www.cai1008.com下载快三助手下载| www.0389.xyz-精彩音乐汇超级女孩| 超级彩票www.950920.com| www.954245.com-七星彩五等奖多少钱| www.cp5034.com-吉林快三技巧顺口溜| www.ut72.com-天天彩票论坛con| www.10ro.com-手机骰子彩票| www.86ov.com-包头福利彩票转让| www.057300.com-安徵福彩-| www.059363.com-浙江有快三么| www.5101.me-棒棒彩票人工计划网| www.28215.cc-福彩网正规吗| www.79544.com-彩票兼职诱骗| www.131761.com-山东枣庄彩礼价格表| www.664.org-天津时时彩计划个位| www.951009.com-福利彩票破解软件| www.44272.com-777彩票官方网站| www.67ry.com-熊猫彩电的倒闭| www.78948.cc-福彩3d胆码解码书| www.089891.com-彩96注册官网| www.200095.com-胜负彩19051| www.310491.com-彩久彩票能赢钱吗| www.409070.com-七星彩每天画规| www.540370.com-足彩吧是真的吗| www.666029.com-新加坡三福彩| www.783661.com-01cc第一彩票| www.909654.com-玩彩的研究生独胆| 好乐多www.4388.cc| www.32ds.com-双色球杀号唯彩看球| www.083.cm-福利彩票几点停购| www.3850.net-七星彩局网图纸| www.994716.com-好彩客官方-| www.mq84.com-彩富网免费大全| www.89qn.com-彩漂液伤衣服吗| www.783798.com-网售彩票怎么举报| www.888772.com-078彩票下载| www.997074.com-体彩开奖排列五| www.ez50.com-今晚七星彩开什么码| www.z55.in-彩导航彩票平台集合| www.1263.pw-体彩时时彩11选五| www.367391.com-周三竞彩开奖| www.i12.club-彩票图纸-| www.123115.com-酷彩是个坑-| www.185195.com-神州彩票-| www.555224.com-下载全民体彩| www.677681.com-小店宝是彩票吗| www.69554.com-彩民彩票诈骗| www.3114.pw-吉林省彩票中奖| www.116325.com-彩虹的颜色是哪七种| www.920908.com-彩神x的下载链接| www.799688.com-大众彩票送22元| www.968741.com-微信代买彩票| www.m58.cc-福彩十选五怎么玩| www.13904.cc-苏州快三和值推荐| www.617733.com-彩礼钱超过多少违法| www.858648.com-福彩现场开奖直播| www.958369.com-七星彩下期预测码| www.225329.com-福彩快三的规律| www.1cg.com-彩票高手网齐中网| www.0174.org-七彩色是哪七种图片| www.4764.vip-彩客即时比分网| www.554580.com-彩票回补正负| www.786634.com-七星彩票开奖统果| www.984068.com-彩票99客户端| www.th83.com-今天体彩开奖号码| www.827681.com-三分时时彩是体彩吗| www.345632.com-湖北福彩中奖规则| www.dg3.com-全天10分快三计划| www.761.red-百乐彩娱乐官网下载| www.4003.vip-澳门彩票自拍| www.009636.com-手机彩膜的坏处| www.170231.com-河北省快三走势图| www.384005.com-彩官家4.0安卓版| www.610758.com-体彩怎样看中奖号码| www.821331.com-3d福彩牛材网| www.72hy.com-京彩钱包app下载| www.19378.com-体彩足球竞彩赛事| www.307391.com-派彩金额是反水钱么| www.28831.cc-福星彩开奖记录| www.776669.cc-福利彩票有什么技巧| www.880214.com-佳木斯喜乐彩开奖号| www.972037.com-智慧彩挂机软件教程| www.76680.com-彩票开奖查询飞鱼| www.299936.com-江苏快三遗漏号码| www.395272.com-时时彩0369技巧| www.120229.com-澳门五分彩是骗局吗| www.105135.com-彩票店打错票怎么办| www.346543.com-彩神uⅴ-| www.433277.com-凯里开发区彩票| www.525824.com-马丽萍经营福彩| www.761704.com-七乐彩胆拖投注价格| www.860093.com-神彩趋势软件| www.939691.com-家彩网开机号码查询| www.990495.com-玛雅吧彩票游戏平台| www.hh3.com-快三单注中奖金额| www.566024.com-海南七星彩投注软件| www.hd0.com-中国快三彩票网| www.910198.com-彩虹六号配置| www.pv01.com-98c彩票-| www.34yr.com-时时中彩票客服| www.503962.com-彩票提现方法| www.678123.cc-福建体彩申请书| www.26qo.com-北京福彩加盟条件| www.677002.com-香港彩宝典| www.610361.com-彩铅画简单的花苞头| www.760668.com-体彩一共几位数字| www.962356.com-体彩18136期| www.91hq.com-博彩交友骗局| www.006044.com-体育彩票电脑| www.144121.com-快快彩票-| www.327160.com-新华彩票网站是什么| www.221353.com-时时彩助手旧版| www.277.cm-品牌彩妆专柜加盟| www.883003.com-80彩票是啥-| www.778382.com-彩乐彩票-| www.900181.com-体彩大透乐开奖查询| www.vy39.com-快三稳定心得| www.65874.com-彩票模拟器下载| www.18co.com-杨光华彩票书名| www.2237.vip-好彩头小样是否倒闭| www.972237.com-菲律宾一分彩走势图| www.mc35.com-中彩彩票高倍邀请码| www.766397.com-糖果彩票是做什么的| www.380798.com-澳门快三是什么彩| www.586377.com-下载送28彩金| www.303358.com-双彩论坛!-| www.418611.com-上海体育彩票兑换处| www.33jr.com-福彩春节-| www.52373.com-什么是好彩网| www.035656.com-最经典的彩票宣传语| www.81870.com-春节彩票开售时间| www.06227.com-大赢家购彩网站| www.53812.cc-横沥东方亮彩怎么样| www.33143.com-姜丽休闲快三教学| www.63xe.com-全民赢彩票压熊猫| www.zm75.com-用您ip代玩彩票| www.90mn.com-福l彩3d开奖结果| www.i91.net-彩票注册送的平台| www.74nl.com-p3彩体画-| www.1686.hk-体育彩票千亿彩票| www.56165.com-慱发彩票-| www.98555.cc-福利彩票中奖税率| www.889959.com-竞彩篮球大小分技巧| 大赢家彩票www.602927.com| www.857626.com-下载中国福彩票| www.920180.com-彩票争霸1下载| www.984292.com-查北京快三开奖号码| www.cp9355.com-中彩啦软件-| www.89322.com-和乐彩票网址| www.15333.com-独角兽彩虹什么寓意| www.551503.com-重庆时时彩技巧论坛| www.684311.com-福彩3d绝杀网| www.769352.com-体彩竞彩中奖查询| www.839306.com-5o0万彩票网官网| www.534349.com-分分彩和值怎么算法| www.646579.com-芸彩数字八星口诀| www.846876.com-足彩外围玩法规则|