Jquery菜单收缩展开

最新推荐文章于 2023-01-06 14:09:35 发布

VIP文章失控的star

最新推荐文章于 2023-01-06 14:09:35 发布

阅读量714

点赞数

本文链接：https://blog.csdn.net/qq_30843123/article/details/104864828

版权

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>菜单收缩展开</title>
</head>
<style>
	body{
   
		font:16px "Microsoft YaHei",sans-serif;
	}
	ul{
   
		list-style:none;
		padding: 0;
	}
	a{
   
		text-decoration:none;
	}
	.nav-list{
   
		width:200px;
		border-bottom:1px solid #ccc;
	}
	.nav-list h3{
   
		position: relative; /*相对定位*/
		margin:0;
		padding: 10px 20px;
		color:#fff;
		font-size:16px;
		line-height:20px;
		font-weight: normal;
		background-color:#333;
		border-top:1px solid #ccc;
		cursor:pointer;
	}
	.nav-list h3:hover{
   
		background-color

最低0.47元/天解锁文章

失控的star

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Jquery菜单收缩展开

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>菜单收缩展开</...
复制链接

扫一扫