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.33964.com-上海福彩电话投注| www.00nn.cc-一年级彩虹教学反思| www.90ec.com-博彩公司精算师| www.112605.com-正规网上博彩软件| www.983370.com-天音,福彩,基诺| www.975637.com-哈尔滨福彩兑奖规则| www.868153.com-七星彩开机号多少| www.675390.com-鸿鑫娱乐彩票是骗局| www.799660.com-彩票白菜分享| www.883311.com-星亚国际彩票| www.980772.com-武汉市彩票店转让| www.fh9.cc-私彩代理判几年| www.pw63.com-c9彩票-| www.d68.club-网络彩票网址大全| www.896779.com-彩票挂机软件| www.4fm.com-福彩人人快三| www.0976.org-后二时时彩技巧论坛| www.700081.com-时时彩七码倍投方案| www.pm2.cc-大发快三开奖规律| www.494455.com-开原彩票站出兑信息| www.791348.com-重庆时时彩手机下| www.dm30.com-省份快三是真是假| www.05ju.com-彩铅画背景图片| www.0664.pw-线上彩票在哪里买| www.081665.com-彩票数字范围| www.57326.cc-12生肖彩票走势图| www.86155.com-附近福彩站点| www.730378.com-鸿彩网骗局-| www.478258.com-综艺福彩是什么| www.398122.com-世界杯足彩比分玩法| www.775552.cc-时时彩一直输的原因| www.886237.com-彩客网让球胜平负| www.80ly.com-金誉彩票网vip5| www.464704.com-购彩之家下载链接| www.580376.com-今天的体彩排三预测| www.660826.com-体彩开奖软件| www.173929.com-神彩8-| www.93536.cc-福彩3d乐彩网专区| www.761040.com-时时彩茗彩平台| www.225773.com-中央对福彩作弊| www.219297.com-245彩票-| www.302506.com-52幸运彩-| www.387961.com-安微快三和值13| 500彩票www.540577.com| www.9707.cm-亚博彩票在哪里下载| www.003057.com-体彩七星彩预测| www.83ox.com-彩票选号反选工具| www.3369.vip-彩票彩票预测| www.066095.com-体育彩票倍率| www.974651.com-app众彩官网下载| www.pl1.com-湖北快三开奖今天| www.386938.com-168彩票贴吧| www.04161.com-黑龙江体彩22选5| www.315878.com-彩虹5无人机参数| www.065233.com-儿童彩铅画风景图片| www.444480.com-竞彩足球比分串| www.26su.com-福利彩票所有特等奖| www.417227.com-体彩六加一今晚开奖| www.543669.com-哈尔滨彩王-| www.22485.com-彩票店整体转让| www.94518.com-彩色的笔记本电脑| www.173360.com-甘肃快三一定牛荐号| www.1935.vip-河南彩票app| www.657159.com-瑞安彩乐鸟鞋网店是| www.330110.com-牛材网首页彩吧| www.466254.com-台码福星彩开奖网站| www.52fj.cc-新江时时彩开奖号码| www.5066.net-世界杯足彩停售了| www.9487.loan-七星彩不定位金额| www.173185.com-福彩5d规则-| www.674633.com-亚洲五分彩官网| www.747368.com-88彩票预测-| www.807161.com-废旧彩票折-| www.882890.com-宏达彩票是真的吗| www.947724.com-彩票信息报-| www.988925.com-微彩彩票下载安装| www.aa71.com-上海快三遗漏数据线| www.wc23.com-上海快三最多连几龙| www.048843.com-福彩排5开奖| www.ew67.com-体彩排列3-| www.525461.com-电竞外围博彩| www.726567.com-体彩手机在线安全吗| www.850328.com-1分快三开奖历史| www.914598.com-福彩快三倍率| www.974437.com-昨天彩票中奖号多少| www.876077.com-京彩app官方下载| www.976794.com-安徽福彩快3遗漏| www.cv45.com-私彩网站有什么漏洞| www.zb83.com-福彩3d图库-| www.23qx.com-老时时彩360开| www.184501.com-湖北快三结果查询| www.505048.com-彩排意思是什么| www.576932.com-人人彩票网合法吗| www.650055.com-澳门博彩业合法吗| www.733933.com-山东烟台快三| www.807548.com-好彩论坛20299| www.897562.com-体彩足球竞彩计算器| www.967253.com-pc蛋蛋彩票下载| www.um92.com-贵阳多彩贵州新闻网| www.593959.com-东方国际彩票安全吗| www.023988.com-福彩东方6十1| www.473369.com-30彩票走势图表全| www.553365.com-上海3d彩票-| www.08933.com-神兽竞彩-| www.097730.com-七乐彩守号中奖彩票| www.610580.com-体育彩票七星彩历史| www.59397.cc-艾彩-| www.6867.top-好彩爆珠台版| www.24oc.com-怎样贴手机彩膜视频| www.355613.com-时时彩倍投如何止损| www.968721.com-乐彩彩票苹果手机| www.jw45.com-新2彩票下载软件| www.39rs.com-彩票系统包网| www.773428.com-金沙集团送45彩金| www.889002.com-给账号帮投彩票| www.vq21.com-广西快三选号助器| www.603285.com-彩虹六号安装| www.706065.com-彩票海报图片| www.800213.com-快三黑客-| www.64ra.com-福彩3d图纸鼠老大| www.0398.bid-彩票助赢软件网页| www.6345.org-北京快三官方助手| www.015849.com-大发快三大小预测版| www.81382.com-重庆寸时彩走势图| www.025123.com-忆彩彩票-| www.112372.com-111彩票-| www.32ry.com-2月22号七星彩| www.543054.cc-怎样彩票才能中奖| www.5486.me-彩虹六号围攻价格| www.07300.cc-北京福彩28| www.55386.com-福彩买大小投注网站| www.97108.com-竞猜蓝彩胜负差| www.057781.com-dd彩票-| www.554446.com-足彩广告语-| www.fb03.com-上海快三官网| www.151070.com-福彩双色球四幻球| www.849546.com-体彩第19038期| www.025609.com-陕西省福利彩票官网| www.516417.com-中发彩票贴吧| www.811968.com-杨震足彩新浪专栏| www.920222.com-彩票模拟器投注器| 华人彩票www.hr5888.com| www.122243.com-彩票作弊码-| www.753199.com-下载送18彩金| www.868613.cc-703彩票下载安装| www.969069.com-天天彩票是真实的吗| www.pi7.com-腾讯彩票app| www.ve63.com-彩票南京-| www.89as.com-立即购买双色球彩票| www.258121.com-乐优炫彩官网| www.370352.com-76858彩票官网| www.396621.com-唯美彩虹壁纸图片| www.678246.com-注册送20彩金| www.3737.me-七星彩开什么奖啊| www.20642.com-玩时时彩心态很重要| www.159170.com-福利彩票假的嘛| www.252567.com-中彩网能赚钱吗| www.17665.cc-澳客彩票快三| www.69581.com-c99彩票官网| www.119297.com-快三的选号技巧| www.89ji.com-下载京彩钱包| www.ol73.com-体彩网首页官网| www.x66.top-彩票中奖需要福报| www.887180.com-彩票真的有人中奖吗|