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天

知道了
58福彩 www.954350.com-大红鹰彩票下载| www.576450.com-59590吉利彩| www.cp0688.com-快三软件破解版下载| www.5693.com-辽三彩开片特征| www.770455.com-快三杀大赔小| www.27ha.com-0365分分彩-| 惠民彩票www.hm5699.com| www.d08.com-彩票开奖结果排列五| www.1687.cc-彩票下一期预测| www.36578.com-探探投彩诈骗| www.wi34.com-元芳看彩的彩票专栏| www.187735.com-个人玩时时彩犯法吗| www.2334.top-凤凰彩票无法提现| www.437567.com-星彩娱乐是违法的吗| www.717918.com-彩客比分网-| www.916622.com-私彩平台修改器| www.do00.com-数字彩票有规律么| www.29bl.com-福建体彩在线投注| www.69000.com-上海体彩中心电话| www.233495.com-中彩网北京快3| www.22669.com-7星彩开奖历史| www.nv86.com-中国足彩500| www.947.live-7星彩开奖结果下载| www.38186.cc-10分彩潮信群| www.018997.com-14场足彩过滤软件| www.329499.com-人人购彩票是否安全| www.1696.cm-元角分模式彩票网站| www.7188.org-七彩阳光完整版高清| www.267291.com-新良数字彩-| www.449062.com-专业玩高频彩输惨了| www.96qx.com-下载彩票投注站| www.262395.com-皇彩票app-| www.367018.com-澳门彩票简介| www.501599.com-湖北快三开奖助手| www.590552.com-梦到抓鱼七星彩号码| www.773464.com-足彩比分胜负彩| www.860307.com-256彩票平台网站| www.925009.com-福彩彩票软件| 红鹰彩票www.hy6934.com| www.47081.com-秒速时时彩推荐计划| www.021507.com-拉菲彩票是合法的吗| www.652581.com-中彩网一-| www.793557.com-福彩赌钱机器| www.911420.com-湖北快三未出统计图| www.52470.cc-快三看跨度有规律吗| www.049599.com-体彩大家玩什么彩| www.ul56.com-内蒙体彩兑奖电话| www.034040.com-安徽省快三推荐号码| www.097708.com-吉林快三讨论群| www.404578.com-乐彩双色球诗谜汇总| www.617203.com-彩神通关金码关注| www.720992.com-广东快中彩开奖| www.793018.com-河南体彩兑奖支票| www.868806.com-七星彩的口诀| www.943259.com-连中彩票老版本| 日彩网www.rcw789.com| www.87938.cc-昨日足球竞彩结果| www.891083.com-至尊天下彩票| www.963482.com-彩铅风景画简单| TT彩票www.526021.com| www.223896.com-61体彩开奖结果| www.318832.com-江西福利彩票推荐号| www.421724.com-刚力彩芽人气| www.559701.com-云彩宝手机版| www.664253.com-福彩三a谜语总汇| www.787728.com-万彩吧彩票势图| www.891999.com-快三选号器-| www.997907.com-3d大中小乐彩网| www.js37.cc-1分钟单双彩票| www.95573.com-彩票金额分配| www.085455.com-彩票联盟手机红包| www.217669.com-街机新快三下载安装| www.621383.com-百度3d家彩网| www.122152.com-福彩3d开奖结果l| www.s66.com-中国福彩试机号今晚| www.997409.com-彩神争8ll网址| www.tv95.com-优彩社区6603| www.778545.com-双色球彩民乐下载| www.694.bid-竞彩猫指数的安全区| www.62753.cc-快速查体彩开奖| www.9322.cm-5百彩票app-| www.999896.com-福彩类似排列五| www.7799.tv-体育彩票机选号码| www.583777.com-彩乐app官网下载| www.562708.com-中国合法高频彩| www.117004.com-七星彩奖金规则| www.994910.com-中福快三软件| www.5556.hk-彩牛瓷砖美缝剂色板| www.869353.com-3号彩票登录网址| www.xl38.com-快三怎么能稳赚不赔| www.885051.com-彩票代玩兼职可靠吗| www.908341.com-最新版本人人中彩票| www.3741.cc-苹果怎么下载彩库宝| www.35793.cc-顶尖彩票网址| www.76vy.com-外国彩票分析软件| www.972992.com-彩库宝典开奖现场| www.583176.com-彩色简笔画人物| www.256340.cc-彩乐网下载安装| www.76899.cc-优彩彩票输了几十万| www.122570.com-彩世界下载-| www.855672.com-北京快三末班车时间| www.227052.com-三分快三是不是假的| www.679058.com-麒麟彩币最新情况| www.486071.com-飞彩网是真的么| www.il29.com-彩友沙龙3d论坛| www.008183.com-福彩选4开奖结果| www.549631.com-在哪能买到足球彩票| www.79438.com-彩友会彩票官方网站| www.59bx.com-体育彩票有nba吗| www.047911.com-竞彩报个人微博| www.380.host-牛彩app哪里下载| www.713433.com-福彩彩票开奖查询| www.5304.cc-买分分彩的技巧| www.762663.com-博王时时彩下载| www.022103.com-福利彩票群规则| www.185529.com-分分快三假的| www.7678.me-广东时时彩彩走势图| www.998515.com-有香港快三吗| www.717199.com-彩铅画对幼儿的好处| www.ao87.com-q彩-| www.125898.com-今曰体彩开奖公告| www.86397.cc-新彩陶瓷画-| 众乐彩票www.589344.com| www.066807.com-彩票模拟投注能换钱| www.307658.com-好彩店彩票-| www.916644.com-谁有稳定的彩票平台| www.028431.com-新博瑞彩票登录| www.710902.com-彩票的刷子的意思| www.74200.com-万博时时彩源码下载| www.897100.com-中发彩票-| www.25125.cc-世界彩铅排名| www.033404.com-开一个黑彩小平台| www.367012.com-彩聊app下载| www.798675.com-盛世彩票线路入口| www.218873.com-大发快三总代理| www.637253.com-体彩6加1开奖结果| www.885523.com-约彩票下载-| www.325424.com-体彩排列五现场直播| www.cai4242.com内蒙古快三343| www.45ia.com-福彩门户.ok88| www.021744.com-熊猫竞彩无网络| www.749309.com-中彩彩票贴吧| www.246776.com-保定彩票站-| www.55556.cc-七星彩号码中奖查询| www.213972.com-人人中彩票封了| www.009177.com-彩123论坛下载| www.497357.com-彩票必中法术| www.442855.com-懂彩-| www.y57.club-体彩大乐透诗谜总汇| www.384877.com-哈尔滨彩票大王| www.713046.com-彩票2017139| www.47eu.com-3d2元彩票网| www.2mk.com-极彩色-| www.841309.com-福彩内部号发说说| www.76746.com-电竞赛事竞彩| www.016980.com-快乐彩5分钟网址| www.580865.com-福彩和尾振幅| www.778602.com-88彩票网址注册| www.052419.com-雅彩彩票-| www.jz42.com-幸运七星彩-| www.sh55.cc-足彩19049期| www.1236.wang-彩世界下载app| www.36891.cc-577彩票网站| www.487747.com-买福利彩票能赚钱吗|