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天

知道了
1分快三 www.861365.com-安徽体育彩票| www.655962.com-做博彩程序员犯法嘛| www.826729.com-彩管家下载安装| www.926111.cc-梦想彩票手机版下载| www.996040.com-数字三彩票选号绝招| www.ft26.com-快三是真的假的| www.cai0033.com北京快3开奖爱彩乐| www.q95.shop-体育彩票几个号码| www.57og.com-三分时时彩35彩票| www.2284.cc-时时彩开奖号码查询| www.361.red-长春市体彩中心在哪| www.17ok.com-澳客彩票网能买足彩| 博友彩www.276608.com| www.170301.com-分分快三怎么玩稳赚| www.030915.com-快三爱彩票-| www.79857.com-中港彩票乐点| www.602448.com-彩部落钱能提出来吗| www.747769.com-大富豪彩票靠谱吗| www.897470.com-q彩官网-| www.262112.com-快三黑客软件| www.500867.com-彩色相片的原理| www.671494.com-手机c8万彩吧| www.266106.com-怏购彩票com| www.618899.com-东北彩票网彩吧论坛| www.bb43.com-甘肃快三开奖预测| www.6772.top-彩色复印机排行榜| www.125421.com-特区七星彩海南论坛| www.286571.com-7070彩票-| www.434001.com-唏关彩外国人| www.583839.com-福彩专业分析| www.706448.com-上海福彩网开奖结果| www.836373.com-3地福彩图谜总汇| www.12th.cc-6hyw彩友网新址| www.309255.com-六开彩白小姐结果| www.483164.com-玩赚彩票停了怎么办| www.341541.com-吸引人的竞彩广告语| www.884717.com-乐彩vip专业版| www.623966.com-平台33彩票-| www.254121.com-58彩票网-| www.107835.com-8月足彩赛程| www.270392.com-有哪些老彩票app| www.55948.com-中乐彩登录-| www.85cc.cc-炫彩之剑掉落| www.198323.com-一分快三的稳赚秘籍| www.12826.com-中体彩走势-| www.024745.com-福利彩票代理青岛| www.115920.com-足球彩票这么玩| www.213606.com-彩神可信吗-| www.383108.com-体彩有几等奖| www.611712.com-彩虹岛物语-| www.794242.com-微信好友让我玩彩票| www.902393.com-黑彩app-| 金冠彩票www.49956p.com| www.3658.win-星期五体彩开奖吗| www.835583.com-手机打彩票软件下载| www.23231.cc-新彩网3b字谜区| www.cp7922.com-福利彩票快3开奖| www.002922.com-七星彩开奖结果记录| www.121897.com-阜阳福彩加盟| www.202328.com-彩票平台刷流水工资| www.291166.com-南方双彩五行| www.170021.com-青海快三走势图| www.ff97.com-快三软件破解号码| www.994194.com-快彩电子走势图电视| 多乐彩票www.299494.com| www.oz80.com-北京快三3同号遗漏| www.36oe.com-百万彩票方言下载| www.290293.com-天天彩选四-| www.273208.com-中国福彩发行原则| www.989175.com-3d彩票缩水方法| www.p95.top-福彩汇总预测| www.b39.org-澳门彩票有限公司| www.027936.com-彩友多合买是真的吗| www.732.live-竞彩足球中奖情况| www.276543.cc-湖北快三跨度表| www.263639.com-大乐透彩票中奖案例| www.549518.com-体彩能打4串1吗| www.923411.com-黑彩可以赢钱吗| www.13708.com-连中彩票的人| www.065123.com-彩票33骗局-| www.224236.com-大发云彩票系统网址| www.9458.vip-美国彩票外国人| www.00573.com-买体彩世界杯| www.47ix.com-彩票兑奖多久到账| www.33948.com-3d彩报图库天牛| www.26kh.com-福彩扫一扫领彩票| www.7785.pw-陶瓷新彩技法| www.024720.com-足彩全包盈利法| www.233333.cc-网络彩票骗局案例| www.537985.com-谁知道赢彩网| www.886417.com-九龙彩票app| www.033707.com-易彩官网-| www.191519.com-大奖五分快三走势图| www.324687.com-福利彩票原中心主任| www.430957.com-91彩站联盟骗局| www.596927.com-彩票十一选五内蒙古| www.361253.com-彩泥手工视频| www.9260.org-彩95平台怎么样| www.629999.com-海南七星彩大奖梦册| www.759362.com-三d图库彩票| www.672098.com-彩宝彩票客服平台| www.960126.com-彩票注册送| www.467844.com-马耳他福彩-| www.600553.com-福利彩票可以追妻吗| www.710253.com-注册送28彩金| www.824789.com-周口市福彩发行中心| www.928894.com-中福彩票不能提现| 大赢家彩票平台www.271901.com| www.607255.com-彩票第一代理加盟| www.981751.com-大成彩网是真的吗| www.ly09.com-彩之家彩票走势图| www.630534.com-3d彩报图谜第五版| www.711443.com-天天福彩真的假的| www.787899.com-彩票手机版哪个最好| www.865070.com-吴旭萍华彩-| www.925228.com-财神8彩票网正规| www.974056.com-福彩刮刮乐宣传歌曲| 幸运彩票www.666507.com| www.587217.com-中国体彩网幸运快三| www.654127.com-聚聚彩下载-| www.48lp.com-大蛇无双星彩| www.373367.com-红星彩票平台| www.9834.org-建筑彩绘大图| www.644040.com-风彩彩票可靠吗| www.365938.com-七乐彩出球顺序号码| www.553504.com-要怎么戒掉赌足彩| www.460369.com-竞彩足球完整比分| www.568469.com-腾讯分分彩遗漏软件| www.656645.com-时时彩软件彩票| www.726004.com-手机彩票靠谱吗| www.806680.com-彩票亏损救援金| www.892796.com-新2彩票网-| www.961272.com-广州鸣彩艺术怎么样| 大赢家彩票平台www.927150.com| www.546735.com-开福利彩票站的要求| www.315116.com-汇彩国际平台| www.386303.com-重庆体彩官网平台| www.710044.com-彩神争灞-| www.823306.com-福利彩票站最近| www.918005.com-私彩数据会上官方| www.999959.com-10分彩开奖结果| www.lu26.com-彩票有一分快三吗| www.43gw.com-福彩十五走努图| www.174544.com-快彩app官网| www.229342.com-快三网赌-| www.278755.com-五福彩票官方下载| www.329195.com-武汉新湾路福利彩票| www.388012.com-腾讯分分彩胆码公式| www.458784.com-nba篮彩竞猜推荐| www.530339.com-彩票奖金等级| www.835015.com-焕彩来电秀-| www.wp1.com-体彩彩票规则及奖金| www.959849.com-彩票电子注册送28| www.pp8.com-经典快三开奖结果| www.sc59.com-彩500下载网页| www.93ca.cc-彩票下单兼职| www.645150.com-教你玩快三的人| www.710834.com-刷福彩是什么意思| www.770514.com-什么叫时时彩| www.842998.com-福利彩票3d第一期| www.908684.com-安徽福利彩票网| www.970764.com-买彩票是否能中大奖| www.au98.com-快乐彩十分钟| www.rf57.com-快三高手计划|