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.38505.com-彩之乐下载-| www.pj31.cc-彩票中奖号双色球| www.090623.com-刚力彩芽mv-| www.305430.com-一元购彩票-| www.2633.shop-3d彩宝贝走势图| www.011032.com-腾讯彩票ios| www.212467.com-最大私彩网站| www.92rz.com-今日专业玩彩| www.33316.cc-全国农村彩礼| www.rn92.com-大家玩彩票平台| www.7753.org-新浪足彩伤停| www.713090.com-福彩3d为什么难中| www.854321.com-浙江体彩阳光网| www.954527.com-彩168彩票-| www.cai8686.com七乐彩大发快三| www.wl30.cc-3d彩吧藏机图| www.1626.net-彩365买彩票程序| www.618738.com-明天开什么奖彩票| www.69636.cc-彩票代购源码| www.1171.cn-足彩宣传-| www.21218.cc-买复式彩票需要填| www.84760.com-福彩双色球数据图表| www.97nx.com-彩票中一等奖截图| www.039067.com-爱投彩票兼职| www.922806.com-万人牛牛彩票计划| www.002642.cc-内蒙古易快三| www.659922.com-顺盈彩票是真的假的| www.789078.com-足球竞彩投注app| www.890165.com-篮球彩票258| www.ia41.com-河北快三走势推荐| www.67.org-福彩试机号app| www.95gv.com-玩投彩的男人| www.6722.cc-广东好彩3技巧| www.1631.cc-kk彩票网合法吗| www.19693.cc-北京快三一定北京| www.69594.com-福利彩票创始人| www.074287.com-旭彩网合法吗| www.221828.com-彩影吧-| www.365704.cc-水溶性彩铅绘画作品| www.558865.com-体彩数字最大到多少| www.7337.org-7号彩虹电池容量| www.85365.cc-十四场胜负彩欧赔| www.165591.com-1068彩票手机| www.953236.com-8亿彩是正规平台吗| www.258127.com-乐优炫彩下载| www.573598.com-福彩北京快乐8| www.6263.me-vip.668彩票| www.047996.com-彩票网淘彩娱乐| www.59zz.com-体育彩票p3走势| www.224036.com-广东福彩快乐10分| www.uw9.cc-彩票计划软件大全| www.88642.com-神秘彩票app| www.64kt.com-今日3d彩图-| www.571935.com-足彩稳赚买法| www.857958.com-延长高频彩后的影响| www.25474.com-中国体彩票远程培训| www.8730.org-东方彩合法吗| www.318631.com-365彩票平台| www.548776.com-哪个网站买彩票最好| www.787825.com-胜负彩19054| www.cx17.com-彩神lll下载| www.221240.com-彩票助赢计划网页| www.323252.com-宝乐彩app-| www.242422.com-福彩走势图专业版| www.923533.com-cp12彩票app| www.sg40.com-彩乐乐走势图| www.219845.com-彩吧网论坛-| www.678430.com-足球彩票竞猜技巧| www.sj83.com-最新彩票开奖信息| www.199857.com-武汉竞猜快三查询| www.xj04.cc-好彩三中奖规则| www.bd67.com-天天彩选四开奖号码| www.659161.com-老重时时彩开奖号码| www.16ve.com-明彩丝雾散粉| www.04362.com-用微信怎么买彩票| www.181339.com-彩票app排名| www.404318.com-国家博物馆彩陶王| www.616566.com-立彩彩票助手软件| www.785874.com-昨天福彩3d出什么| www.984216.com-3d图库新彩吧| www.tg74.com-快三跨度奖金表| www.313.tv-领航时时彩在线计划| www.58428.com-人人中彩票和人人中| www.31as.com-彩虹app分发| www.72304.com-永红彩票线路导航| www.542904.cc-新浪爱彩分析| www.55723.cc-花生彩票app| www.419007.com-彩票网赚平台靠谱吗| www.526060.com-竞彩竞竞彩投注技巧| www.438989.com-营业中体彩店转让| www.537279.com-彩色组词语-| www.976684.com-遂宁彩礼-| www.41me.com-划归七星彩-| www.081790.com-天马彩票官网| www.12xa.com-好彩双爆没有喷码| www.42573.com-北京足球单场彩| www.f88.xyz-中彩彩票有危险吗| www.yh20.com-甘肃体育彩票官网| www.025683.com-福彩3d太湖字迷| www.23lw.com-新浪彩票编辑| www.2549.pw-腾讯分分彩分析系统| www.7982.vip-线上博彩合法化国家| www.575377.com-中国福彩3d开机号| www.650522.com-海南彩票开奖直播| www.743888.com-彩票开奖内蒙一选五| www.73489.cc-彩飘香篮球杀号| www.754677.com-领彩金-| www.822284.com-湖北快三一点定牛| www.884958.com-新2彩票论坛一肖中| www.009031.com-彩票开奖今晚结果| www.118086.com-福彩开奖近30期| www.262694.com-长春市福彩兑奖地址| www.8999.in-凤凰彩票满多少提现| www.54176.com-白菜网送彩金网站| www.238289.com-皇都彩票安卓版| www.414184.com-高频彩是啥-| www.881249.com-竞彩篮球合买推荐| www.27fn.com-体彩11选5彩票| www.1830.net-搜狗彩票走势彩经网| www.uz23.com-深圳体彩网-| www.899988.com-义乌福利彩票站转让| www.fi64.com-福利彩票快3奖金| www.15al.com-足球彩票的行业前景| www.vd60.com-智慧彩本地应用| www.22uz.com-富强彩票有没有猫腻| www.86sj.com-彩工网讲师团崔晓龙| www.2767.top-彩票是怎么回事| www.8576.xyz-星彩网官网-| www.3116.cc-陕西体彩电话| www.310224.com-福利彩票怎么返利| www.407474.com-关于彩票的新闻| www.770097.com-好彩投28彩票| www.602106.com-彩票中奖询查| www.ab05.com-福彩开奖是多少| www.833148.com-张星彩无惨-| www.ym61.com-新加坡乐和彩开奖记| www.443822.com-尼彩手机系统下载| www.540266.com-今天精彩音乐汇歌曲| www.607091.com-福彩现场直播教育台| www.nt32.com-兑奖彩票-| www.w13.com-重庆时时彩五星在线| www.053586.com-竞彩足球骗局| www.144378.com-竞彩足球14场比赛| www.207117.com-首页一新彩票走势图| www.3073.org-七彩星txt微盘| www.9885.site-财政部彩票管理| www.827527.com-内蒙古快三和值推荐| www.892991.com-福彩平台app| www.947363.com-三地字谜画迷新彩吧| www.981690.com-体彩胆码预测家彩网| 500彩票网www.876433.com| www.fz22.com-一分彩技巧-| www.160816.com-宁夏福彩快三49期| www.234097.com-内蒙福彩快三一定牛| www.312890.com-河南福彩好运三| www.371882.com-体彩5d昨天开奖号| www.447258.com-竞彩1800万大奖| www.527714.com-赢彩王专业版账号| www.616590.com-体彩是怎么买的| www.691886.com-足彩十四场奖金| www.778005.com-怎么登录汇彩网| www.875070.com-江苏快三彩票骗局| www.928869.com-安装劬力七星彩桌面| www.998545.com-汕头福彩-|