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.010509.com-双彩网幸运飞艇| www.98241.com-腾讯三分彩稳定计划| www.960254.com-淘彩是什么-| www.cp146.com-福彩快三骗局揭秘| www.44221.com-彩今今票-| www.740749.cc-澳门博彩股-| www.909768.com-内蒙快三遗漏查询| www.986284.com-足彩网彩票| www.ke46.com-足彩吧-| www.1594.com-好彩爆珠香烟| www.07862.com-中彩那天板书| www.675990.com-国家彩票官方网购买| www.166690.com-520快三网站| www.263570.com-模拟竞彩-| www.346721.com-81彩票苹果版| www.387569.com-玻璃彩膜-| www.144636.com-众彩网排列三千里马| 澳客彩票www.107ak.com| www.865962.com-彩票开奖大全安装包| www.643892.com-9彩彩票可信吗| www.331927.com-彩票10选5是什么| www.4006.hk-西甲最大的博彩公司| www.32rb.com-搜狗福利彩票中奖| www.6357.cn-红5彩票网页| www.32618.com-全民汇彩票是否合法| www.077412.com-俄罗斯彩票大奖号码| www.177171.com-福彩快三中奖经验| www.55734.com-永利彩票网-| www.831071.com-248彩票网址| www.959324.com-福彩15选5开| www.cp2300.com-uu直播快三平台| www.983311.com-外围足彩app| www.4187.love-七彩网站-| www.e25.club-旺彩百家双色球| www.010673.com-安徽快三跨4图| www.123025.com-彩神冠军平刷破解版| www.958821.com-湖北体育彩票官网| 500彩票www.607323.com| www.792756.com-彩票领奖在哪里领奖| www.546262.com-599gcc易彩堂| www.c82.club-百宝彩票网群英会| www.88393.cc-欧洲彩票奖金排行| www.868932.com-猜冠军彩票真的假的| www.318001.com-彩票977-| www.449755.com-福彩湖北30选5| www.555993.com-彩票查询大乐透开奖| www.639154.com-广州体育彩票站申请| www.778074.com-彩票33网官网| www.903332.com-重庆时时双彩网| www.686133.com-福彩3d宗合走势图| www.806586.com-32期七星彩-| www.920502.com-彩票查询软件下载| 幸运彩票www.775020.com| www.6317.space-三彩服饰公司| www.24503.cc-彩铅人物古风| www.025002.com-彩票筛号软件| 福彩天下www.fcff2.com| www.636663.com-台湾彩虹台破解| www.979958.com-彩票吃票行为| www.122354.com-重庆时时彩怎么加群| www.25315.com-彩铅人物画工具| www.382038.com-稍后更多精彩内容| www.508622.com-8体彩屋是骗局吗| www.588895.com-体彩七星彩开奖查询| www.674163.com-做彩票网站犯法不| www.gw45.com-共享彩票邀请码| www.657193.com-辛运彩app-| www.26671.cc-七星彩万能码| www.751418.com-彩票通用邀请码| www.941166.com-北京福彩兑奖地址| www.995274.com-体彩直播开奖哪个台| www.go44.com-河南彩礼-| www.29675.cc-金手指彩票报纸官网| www.96675.cc-福利彩票双色球案| www.132141.com-郓城彩礼新规定| www.iy24.com-中彩网3d开奖结果| www.877756.com-福彩票3d开机号| www.948643.com-如果彩票-| www.994802.com-彩16网页-| www.tr2.com-上海快三开奖记录| www.om01.com-什么网站可以买体彩| www.p57.xyz-快三现在一天多少期| www.013877.com-01彩票官网网址| www.962243.com-福彩3d组选跨度表| 购彩在线www.66332h.com| www.860891.com-辽宁体彩票11选5| www.939179.com-六福彩是否违法| www.989059.com-v9彩票合法吗| www.rm8.com-快购彩票官网| www.388895.com-彩票选号计算器| www.44641.com-竞彩宝彩店邀请码| www.162317.cc-快三组合投注概率| www.236197.com-7号彩票注册邀请码| www.309619.com-体彩排列三中奖规则| www.384388.com-职业彩票人的收入| www.075298.com-乐和彩票靠谱吗| www.25282.cc-彩铅画画入门| www.91768.cc-有彩票预测软件吗| www.414813.com-七彩蓝田非法集资| www.004318.com-乐购彩票好不好用| www.011003.com-意彩app-| www.698052.com-杭州体彩中心| www.870442.com-最新网易彩票下载| 凤凰彩票www.77802f.com| www.067738.com-时时彩搭建出租| www.cp9100.com-购彩大厅下载| www.89rq.com-姚半仙足彩-| www.7547.xyz-支付宝无法兑换彩票| www.012698.com-七星彩资料-| www.4400.com-甘肃快三吧-| www.60374.com-福彩3d绝对布衣版| www.230269.com-彩88开奖结果| www.26286.com-快三大发和值| www.528331.com-大乐彩开机号查询| www.322620.com-竞彩神人-| www.19139.com-足球彩票领奖| www.032775.com-金沙国际时时彩平台| www.998382.com-北京福彩赛车| www.gs68.cc-大发分分彩计划在线| www.004757.com-体彩排列3遗漏查询| www.505450.com-黑彩代理怎么赚钱| www.67do.com-彩票中奖前有预感吗| www.9847.vip-古建彩绘图案大全| www.919966.com-福彩三d和值表| www.472669.com-彩乐园网站是什么| www.556669.com-黑彩代理怎么推广| www.204446.com-新浪数字彩票| www.454006.com-彩票3d水果图| www.6890.biz-香港牛娃彩票资料| www.81681.com-快三豹子通选多少钱| www.264543.com-靠谱的彩票软件制作| www.cai7345.com上海快三-| www.717098.com-彩铅牌子排行榜| www.297193.com-乐购网彩票是真的吗| www.11933.com-大发彩票邀请码| www.1313.in-今天福彩最新开机号| www.8782.top-篮彩捷报-| www.951784.com-福彩22选5走| 奔驰彩票www.281877.com| www.072939.com-中国彩票中奖排名| www.907625.com-长春体育彩票网点| www.57sd.com-哪里买时时彩正规| www.931136.com-彩81彩票软件下载| www.292225.com-网易彩票幸运选号| www.96af.com-江苏足球竞彩网首页| www.3911.cn-彩票对数是什么| www.69285.com-彩票提现流水不足| www.019601.com-中国体育彩票贵州| www.15ro.com-烟台结婚彩礼钱| www.319225.com-海南七星彩开奖直播| www.291520.com-彩神网app正规吗| www.369988.com-合肥酷彩-| www.457627.com-恒彩是不黑平台| www.289134.com-江苏快三如何猜单双| www.143822.com-福彩迷是什么平台| www.89094.com-娱乐游戏送63彩金| www.084830.com-11选5大彩鯨| www.941699.com-全球彩票qqcp| www.hw47.com-百度彩票走势图3d| www.117731.com-搜狐彩票怎么样| 大赢家彩票www.346511.com| www.369710.com-97彩票官方网站| www.479837.com-七星彩分顺序吗| www.568524.com-昆明七彩云南房产|