侧边栏壁纸
博主头像
波哥

80后程序猿&副业达人
爱好:敲代码、搞副业
无干货,不分享!

  • 累计撰写 1,878 篇文章
  • 累计创建 77 个标签
  • 累计收到 17 条评论

目 录CONTENT

文章目录

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

波哥
2021-05-28 / 0 评论 / 0 点赞 / 318 阅读 / 0 字

演示

一个基于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    
0

评论区