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.wm12.com-彩123app-| www.157989.com-竞彩加奖-| www.261010.com-江苏快三网址app| www.342244.com-微信吉林快三群最近| www.434009.com-港彩app下载地址| www.539115.com-时时彩杂六有哪些| www.615764.com-地下彩票犯法吗| www.008418.com-分分彩平台骗局| www.590.live-有人玩澳洲时时彩吗| www.250064.com-冀彩宝站主端下载| www.896666.com-彩票黑科技-| www.915685.com-沈阳彩票站利润咋样| www.989839.com-快三多久开奖| www.bk25.com-038彩票下载安装| www.847321.com-足球竞彩预测网站| www.931120.com-犀牛彩票平台| www.988225.com-掌中彩下载-| www.gh63.com-分分快三输惨| www.e93.cn-中国福彩网开奖公告| www.94158.com-福利彩票店宣传语| www.631852.com-养七彩山鸡犯法吗| www.439.bid-福彩3d往期结果| www.030082.com-好运来时时彩手机版| www.612823.com-七乐彩3个半中奖吗| www.768973.com-亚博里的tcg彩票| www.994710.com-好彩客1055-| www.09ni.com-彩生活信息化平台| www.236432.com-乐乐彩票网是真的吗| www.387429.com-体育彩票店开门时间| www.536585.com-福彩3d唐龙预测| www.iy24.com-中彩网3d开奖结果| www.80nc.com-500彩票网主页| www.6983.biz-3d流彩网-| www.949632.com-快三专家推荐号码| www.375872.com-体彩排列七星彩| www.000035.com-彩票616-| www.1wb.com-福彩门户安全…| 中国福利彩票www.6364r.com| www.46mb.com-网上体育彩票禁止| www.4448.cm-地方彩开奖公告查询| www.978555.com-福彩3d彩图丹东版| www.900523.com-体彩排列5玩法介绍| www.650480.com-创意简约水彩画| www.838001.com-nba季后赛彩票| www.pg24.com-打彩票技巧-| www.83pj.cc-十二生肖彩票软件| www.498168.com-手机彩票投注安全吗| www.627363.com-荐彩推荐-| www.921308.com-时时彩五星直选计划| www.45af.com-网上彩票代理商| www.665616.com-彩票开奖快神器| www.610881.com-足彩竞彩中奖规则| www.676378.com-酷彩吧助手-| www.754668.com-彩票中数字规律题| www.831328.com-彩票接单平台哪个好| www.902677.com-亚洲合法彩票平台| www.970167.com-燕赵福彩网电脑版| 万彩网www.wcp666888.com| www.78172.com-直播体育彩票排列五| www.030042.com-鼎丰彩票一购彩大厅| www.68858.cc-彩票对比器360| www.884986.com-亿彩堂官网-| www.za63.com-体彩5d开奖走势图| www.41lw.com-鸿运彩票怎么提现| www.98007.com-淅江体彩6十1规则| www.926998.com-主要彩票-| www.969913.com-彩票抓了几个人| www.xs09.com-送礼送彩票好吗| www.299692.com-178彩票平台| www.2901.vip-彩之家诈骗-| www.72db.com-梦见买了彩票但不中| www.821809.com-爱博彩票网86| www.973893.com-中利彩票下载安装| www.ea50.com-体彩佣金说明| www.4087.vip-77彩票苹果-| www.033169.com-中信积分换彩票查询| www.602161.com-开心8彩票登录| www.680122.com-彩票上的字体| www.772839.com-成都福彩中心地址| www.987845.com-5分快三赚钱的方法| www.jc14.com-体彩实体店报价大全| www.932700.com-试机号彩宝网| www.51wk.com-鹰彩登录网址| www.221133.cc-快三豹子追号计划表| www.168668.cc-快三胆拖怎么回事| www.280114.com-彩票幸运农场开奖| www.311663.com-买福利彩票的技巧| www.651210.com-代买欧洲百万彩| www.739421.com-彩票之家999| www.857368.com-体彩超绍大乐透开奖| www.940227.com-彩神2是否合法| 网易彩票www.560923.com| www.lj16.com-彩票app加奖| www.750767.com-广东时时彩11选五| www.394935.com-彩虹app分发平台| www.215251.com-彩票达人预测| www.672905.com-南京市体彩中心| www.800299.com-万易彩票app| www.922893.com-福利彩票3dqq群| www.992848.com-福彩单双大小走势图| www.tf86.com-彩票双胆-| www.54ph.com-天津时时彩官网开奖| www.755716.com-快三第一门户下载| www.880169.com-大发快三的技巧| www.967662.com-彩芽的好奇心| www.ky8.com-山东体彩扑克3| www.re73.com-怎么计算分分时时彩| www.195652.com-福建快三形态走势图| www.328358.com-福彩论坛乐彩论坛| www.438787.com-广东福彩36开奖| www.44638.com-福建省福利彩栗网| www.146758.com-竞彩篮球即时比分| www.341382.com-网络彩票推广用语| www.503818.com-华为彩票提现不了| www.373365.com-河北快三有几个号码| www.530411.com-百度彩票公告开奖| www.830995.com-快乐彩玩法技巧| www.915923.com-小奖玩私彩-| www.980878.com-彩788平台-| www.bf3.cc-今日快三重奖号| www.787234.com-天天爱彩票是正规的| www.sk1.com-双彩网论坛手机版| www.xm11.com-网络快三怎么能稳赢| www.km2.cc-大发快三走势图规律| www.443227.com-双色球维彩视频宝典| www.101556.com-彩票信誉平台推荐| www.273448.com-中国福利彩票改革| www.848.in-彩头是什么动物| www.592663.com-七星彩局网下载| PK彩票www.700724.com| www.882458.com-英国五分彩靠谱吗| www.hq80.com-内蒙古快三开奖结呆| www.773050.com-糖果派对中彩金视频| www.617573.com-中彩网用户登录| www.880011.com-八喜彩票大发快三| www.986388.com-金手指彩票软件| www.fn81.com-快三网址给个| www.167594.com-中国福彩快3北京| www.008069.com-智慧彩挂机下载| www.24nu.com-趣发彩票app| www.11325.cc-万彩吧3d论坛| www.568039.com-时时彩广告语| www.9273.biz-韩国3分彩-| www.592880.com-彩虹7号围攻| www.978640.com-c彩61软件-| www.8532.org-福利彩票游戏机图片| www.63363.com-19055期胜负彩| www.864968.com-骰子彩票合法| www.939945.com-吉林快3彩票平台| 鑫亿彩www.031069.com| www.373345.com-新版凤凰彩票| www.33qv.com-七星彩大奖合0的码| www.681897.com-育彩福利彩票开奖| www.623532.com-正德福神彩票| www.715975.com-彩票双色球软件| www.805358.com-水溶性彩铅画荷花| www.881986.com-五分彩被骗怎么报警| www.947574.com-职业玩彩经验| www.985140.com-竞彩足球总进球规律| www.lj0.cc-湖北快三胆拖玩法| www.nu55.com-打彩票算赌博吗| www.172078.com-快三开奖助手安卓版| www.270317.com-幸运快三怎么投注| www.559466.com-福彩3d精胆天下a|