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.757609.cc-足彩结果比分| www.113890.com-选彩票号码-| www.956306.com-高频彩背后的秘密| www.cai0211.com安徽快三走势图| www.022618.com-广西福利彩票结果| www.517235.com-中彩堂网开奖| www.7094.cc-银川银燕七彩| www.237691.com-竞彩app怎么拉人| www.jm04.com-彩61骗局-| www.wx83.com-内蒙古快三冷号| www.65vr.com-怎么劝爸爸不买彩票| www.758013.com-快三和值大小| www.886469.com-微信上下分中华彩| www.979558.com-qq彩票靠谱吗| www.rh97.com-时时彩怎么倍投合理| www.702988.com-竞彩比分方法| www.813218.com-宁夏体彩中心电话| www.897208.com-彩票最长的龙有多长| www.969538.com-江苏快三购买| www.cp491.com-五分快三是什么彩票| www.110807.com-今天晚上彩票开奖| www.98347.com-天天分分彩走势图| www.9431.top-华人彩票有赢钱的吗| www.123866.com-彩票cp816-| www.021723.com-恒博彩票网骗局| www.116185.com-网上买彩票的软件| www.237406.com-中彩网双色球走势| www.998887.com-吉林快三是骗人的吗| www.jf84.com-福利彩票自动选号器| www.400011.com-周三开哪些彩票| www.695.cm-128福彩可靠吗| www.560658.com-澳洲三分彩开奖记录| www.gi72.com-一天快三秒-| www.51501.com-河北石家庄福彩自助| www.666933.com-大乐透走势图体彩| www.215625.com-最热门的高频彩种| www.349511.com-篮彩神棍讨论| www.yy91.cc-北京快三基本走势| www.0837.bid-网易彩票不能买了| www.568831.com-体彩11选5大彩鲸| www.jc.cc-河北省彩票奖快3| www.001363.com-菲律宾彩票网上投注| www.437298.com-贵阳彩票申请网| www.63oo.com-彩票软件哪个好点| www.209.net-好运来博彩-| www.15fm.com-汇彩国际婚纱摄影| www.80op.com-九号彩票软件| www.917207.com-彩88彩票诈骗| www.984464.com-爱乐彩票官方下载| www.rk5.cc-红旗彩票快三靠谱吗| www.5528.site-手机上网能买彩票吗| www.807213.com-竞彩倍投计划表图片| www.939635.com-彩票网地址大全| www.880185.com-福彩专家杀号360| www.407462.com-足彩专家分析预测| www.384665.com-大王彩票网-| www.099080.com-彩票出票后能取消吗| www.254733.com-重庆分分时时彩| www.781903.com-杳彩票开奖查询| www.639999.com-同裕彩票-| www.870092.com-澳门彩票手机投注版| www.961164.com-哈尔滨有快三吗| www.814.in-竞彩发单-| www.rd42.com-大发快三分析软件| www.165052.com-铜陵体彩中心| www.88634.cc-27彩票下载-| www.9230.top-乐彩提成-| www.745903.com-红彩app官方下载| www.860909.com-腾讯十分彩开奖查询| www.55650.com-儿童简单水彩画| www.084755.com-福彩走势图下载安装| www.mf74.com-牛蛙彩票下载| www.520099.com-福利彩票中三个红球| www.672907.com-上海快3开奖爱乐彩| www.577277.com-福彩体彩速查表| www.355172.com-河内彩-| www.926161.com-七乐彩除三走势图| www.977899.com-国家竞彩网-| www.cai7373.com如何看懂快三走势图| www.818326.com-搜狐彩票下载| www.959818.com-金星vr3分彩官网| www.cp812.com-快三贵州今天走势图| www.477445.com-彩神通开奖结果| www.576443.com-快三投入倍数表| www.664151.com-彩票大富翁网址| www.744387.com-旧版九万彩票| www.822506.com-仙仙彩票-| www.912708.com-六壬与奇门测彩| www.290848.com-河北快3派彩走势图| www.136915.com-彩针糖挤出机| www.000675.com-多彩网app客服| www.332301.com-完美网彩票下载| www.412856.com-新版狂欢彩票| www.533315.com-彩票均衡原理| www.882772.com-基诺彩票哪里买| www.6300.cc-官方快三下载安装| www.651789.com-自动买彩票软件| www.88443.cc-3d选胆图彩经网| www.057931.com-玩彩老头推荐七乐彩| www.7896.xyz-私彩平台制作安装| www.72144.com-猫咪彩票网址| www.978823.com-贵烟好彩多钱一盒| 新盈彩www.xinyc2.com| www.965408.com-有97彩票吗-| www.285129.com-福彩过户-| www.921928.com-彩神争vlll苹果| www.356145.com-南京体彩属于谁| www.994567.cc-重庆时时彩实时开奖| www.266668.cc-河北快三技巧宝典| www.743322.com-金山彩票苹果版下载| www.657926.com-陕西百宝彩快乐十分| www.or27.com-优彩赚钱骗局| www.64516.com-三地彩票开奖结果| www.713070.com-湖南中国体彩网| www.925793.com-335彩票网址| www.2067.in-旺彩社区彩迷天地| www.796584.com-众愽彩票-| www.73nr.com-买什么彩票才能中奖| www.78839.com-百度快乐彩走势图| www.170478.com-江西快三一定| www.5535.in-时时彩票违法吗| www.654683.com-体彩大乐透10期| www.8997.in-中国体彩大乐透开奖| www.35264.com-彩票合买群名| www.000132.com-6合宝典彩图图库| www.103042.com-南粤风采好彩1查询| www.200083.cc-体彩开-| www.269097.com-98c彩票线路| www.350215.com-a3彩色打印机价格| www.410374.com-唯彩会苹果怎么下载| www.81258.com-今晚彩票什么号码| www.120991.com-pc蛋蛋彩票下载| www.310153.com-体彩陕西11选5| www.01484.com-博彩对冲套利是什么| www.752296.com-网上彩票赚钱是真的| www.156789.cc-蓝球比分新浪爱彩| www.313921.com-彩吧彩报36版| www.575188.com-外国合法彩票网站| www.748056.com-红彩下载安装| www.999400.com-e球彩害人-| www.23il.com-彩21下载-| www.746909.com-河北福彩双色球休市| www.40000.com-体彩足彩多少钱领奖| www.005356.com-昨天体彩出的什么号| www.101568.com-新华保险的金彩一生| www.157535.com-怎么足彩没买了| www.226707.com-彩票客户端版| www.296190.com-彩票江苏快三怎么玩| www.385295.com-竞彩误差是什么意思| www.491936.com-博汇彩票能赚钱吗| www.67998.com-吉彩全部彩种| www.380988.com-七乐彩3月23开奖| www.81739.com-网络购彩算赌博吗| www.508799.com-云彩宝彩票合法性| www.585998.com-天天爱彩票又维护| www.678550.com-彩之网页面-| www.739595.com-福彩快三回血诀窍| www.802639.com-3d的彩界小少爷| www.870388.com-重庆时时彩官方| www.917230.com-星空彩铅画教程| www.977294.com-内乡结婚彩礼重吗| www.cai504.com-快三计划软件app| www.83lf.com-彩95真实吗-| www.zt3.com-彩票开奖预测今天|