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天

知道了
彩票123现在叫什么名字 www.3397.mobi-皇冠足彩网址| www.360076.com-福彩通选什么意思| www.654079.com-金龙彩票认证官网| www.894332.com-八9彩票-| www.088287.com-澳克彩票旧版本| www.228296.com-全国彩礼价目表| www.571832.com-好彩煲仔饭怎么样| www.5374.org-福彩8加一多少钱| www.q20.com-数字彩票怎么玩的| www.83rv.com-彩票亭转让-| www.383201.com-买复式彩票怎么玩法| www.424868.com-体育时时间彩开奖| www.027761.com-易彩国际犯法吗| www.ix57.com-甘肃快三微信群| www.84ov.com-快乐五分是什么彩种| www.116737.com-彩票中奖高手谈选号| www.201433.com-快彩11选5助手| www.421841.com-博竟彩票重庆时时彩| www.072958.com-福彩定位杀号技巧| www.606869.cc-时时彩看路数定胆| www.920888.com-体彩足球直播比分| www.168638.com-老时时彩-| www.678406.com-福客来彩票网址| www.160568.com-排列三走势乐彩网| www.771.cx-体彩20选5胆拖| www.110487.com-大发鸿运彩票| www.2298.site-双色球福彩玩法介绍| www.cp8733.com-五分快三是黑彩吗| www.65ss.com-豪彩娱乐官方客户端| www.95414.com-公益彩票二十一选一| www.40956.com-彩拾彩票网-| www.022940.com-彩票源码出售| www.179969.com-广西福彩手机投注| www.307706.com-派彩481-| www.305809.com-易彩是真的假的| www.ru49.com-国外彩票正规网站| www.449972.com-下载七七彩票| www.62839.cc-360竟彩篮球| www.123607.com-福星彩资料开奖| www.505439.com-中国网比竞彩| www.9613.net-体彩竞彩比分新浪| www.lj49.com-全民彩票是否合法| www.250669.com-共赢彩票6188| www.ka24.com-中彩彩票用户登录| www.96rr.com-铜雀台彩票app| www.221973.com-玩彩有赢钱的吗| www.880098.com-福彩3d太湖字迷| www.961246.com-网赌高频彩你赢过吗| www.aa1.com-中国福彩官方客户端| www.pt88.cc-2元彩票网走势图| www.19ls.com-彩票创始于哪一年| www.036827.com-下载全民240彩票| www.215848.com-百宝彩电子走势图| www.448996.com-北京三分彩开奖| www.va84.com-彩票没人领河南| www.962.cm-快的华文彩云字| www.88418.cc-澳洲强力球彩票| www.267156.com-19052期足彩| www.1455.cc-澳门博彩业追债名单| www.0091.com-七星彩直播网易彩票| www.cp0608.com-彩票破解软件| www.cd10.com-彩神正规吗-| www.a39.club-彩坛经典-| www.895500.com-福利彩票提现不了| www.958364.com-福彩3d两胆规律| 500万彩票www.35155e.com| www.q11.website湖南福彩快三| www.xj06.cc-好彩3奖金是多少| www.047617.com-e乐彩app-| www.061009.com-快三时时开奖图| www.sz59.com-彩票种类及中奖金额| www.gl3.com-彩票店转让能过户吗| www.89vz.com-高频彩票和数学| www.326130.com-c8万彩吧cn六彩| www.218713.com-福彩平台刷流水兼职| www.324040.com-乐彩心水资料| www.411051.com-在哪里买足彩| www.509725.com-稫利彩票-| www.582598.com-下载购彩app下载| www.581470.com-ag588爱购彩| www.905756.com-冠赢彩票app下载| www.aa4.com-中国福彩中心官网| www.19il.com-福彩双色球34期| www.2326.net-博彩返水比例| www.11859.cc-6678彩票合法么| www.tg21.com-河北快三计划精准版| www.23kz.com-体育彩票在哪找| www.497.date-即时彩是什么| www.065122.com-彩虹玫瑰图片| www.785238.com-七星彩专家推荐汇总| www.je17.com-长春福彩中心地址| www.466.cn-合乐彩票是真是假| www.580755.com-七星彩高手交流纶坛| www.722232.com-时时彩刷流水方法| www.838758.com-江苏快三开售时间| www.3355.hk-足彩加的预测怎么样| www.41113.com-彩6官方彩票网站| www.220072.com-快三单双大小下载| www.308081.com-我要买彩票怎么买| www.375452.com-七星彩在什么台直播| www.473377.com-一般彩票中奖号是| www.543291.com-体彩排列三图库汇总| www.603936.com-688彩票网站| www.680215.com-易彩全民快三| www.758314.com-彩票负盈利分红| www.819210.com-彩票计划平刷| www.879399.com-下载带彩票αpp| www.953921.com-uu快三是什么| www.996496.com-新加坡天天彩资料| www.wc2.cc-彩经网排列3免费| www.007149.com-彩票助手软件| www.273763.cc-福彩彩票快2怎么玩| www.788760.com-返点最高彩票平台| 500万彩票www.39500hh.com| www.258631.com-竞彩网开奖-| www.723527.com-做时彩代理违法吗| www.909336.com-超级大乐透彩票规律| www.y91.org-中国福利彩票可靠吗| www.153896.com-体彩排列五玩法说明| www.62771.cc-雪缘足彩比分| www.85nb.com-聚象彩登录聚象彩| www.3278.cn-手机能买彩票的软件| www.9644.cc-福彩双色球预测号| www.167774.com-福彩快三规则| www.769484.com-好运彩票网站正规吗| www.872073.com-遵义福利彩票中心| www.937902.com-云彩厅彩票-| www.994686.com-球探彩客彩票旧版本| www.pe6.com-吉林快三预测软件| www.nw43.com-印尼5分彩官网| www.xv86.com-彩票中奖咒语视频| www.293582.com-江苏快三推荐彩乐乐| www.613811.com-从网上买彩票可靠吗| www.62562.cc-彩票中奖概率多大| www.032533.com-假彩票店-| www.619489.com-上彩票3cp网站| www.994477.com-体育彩票飞鱼技巧| www.fr68.com-全民快三能赚钱吗| www.l06.cn-福彩中彩网-| www.604.club-快三开奖结果苏州| www.8505.com-七星彩质合数走势图| 500彩票www.50054m.com| www.kd05.com-福彩官方手机客户端| www.619018.com-山东省体育彩票兑奖| www.518310.com-发彩网官网下载| www.640166.com-彩票777靠谱吗| www.274433.com-腾讯分分彩稳赚公式| www.g68.cc-万彩吧6合下载| www.004340.com-体彩足彩竞猜类型| www.105933.com-彩168彩票-| www.953694.com-彩票快三辅助器| www.11272.com-xmmmb彩票-| www.060480.com-彩要平台-| www.151836.com-腾讯三分彩开奖结果| www.354191.com-彩票投注手兼职| www.434383.com-雅彩彩票提现安全吗| www.229042.com-一分快三走势技巧| www.791819.com-广西快三和值表| www.878898.com-体彩大乐透的玩法| www.942455.com-彩票大赢-| www.978800.com-皮得欢好彩1预测| www.cp1516.com-福建福彩快3走势图| www.hf68.cc-购彩大厅下载安装| www.4857.biz-彩升服饰批发|