JQuery的多级下拉菜单示例(二)

演示

一个基于JQuery的JS实现的三级分类的代码完整代码,包含html、js、css
代码展示:
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
		<meta name="renderer" content="webkit" />
		<title>
			jQuery多级选择商品分类代码
		</title>
		<link rel="stylesheet" href="style.css" />
		<script type="text/javascript" src="jquery.min.js">
		</script>
	</head>
	<body>
		<div class="contains">
			<!--面包屑导航-->
			<div class="crumbNav">
				<a href="demo.html">
					首页
				</a>
				<font>
					&gt;
				</font>
				发布商品
				<font>
					&gt;
				</font>
				选择商品所在分类
			</div>
			<!--商品分类-->
			<div class="wareSort clearfix">
				<ul id="sort1">
				</ul>
				<ul id="sort2" style="display: none;">
				</ul>
				<ul id="sort3" style="display: none;">
				</ul>
			</div>
			<div class="selectedSort">
				<b>
					您当前选择的商品类别是:
				</b>
				<i id="selectedSort">
				</i>
			</div>
			<div class="wareSortBtn">
				<input id="releaseBtn" type="button" value="下一步" disabled="disabled" />
			</div>
			<script src="jquery.sort.js">
			</script>
		</div>
	</body>

</html>

完整代码下载

链接:https://pan.baidu.com/s/1sR6mii6VfwEomH2e-LQ6TQ

提取码:ghi5

 

 

大T笔记所有文章均为本人原创,转载请您注明来源,并留下原文链接地址,是对我的尊重,也是对知识的尊重,谢谢!
大T笔记 » JQuery的多级下拉菜单示例(二)

大T笔记-我的个人互联网创业和自由职业之路

关于我 我的百宝箱
大T笔记-专注个人互联网创业和自由职业