javascript之折叠式二级菜单

最新推荐文章于 2023-05-13 21:13:58 发布

mr_tangshuai

最新推荐文章于 2023-05-13 21:13:58 发布

阅读量2k

点赞数

本文链接：https://blog.csdn.net/mr_tangshuai/article/details/78498845

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			ul{
				list-style: none;
				padding:0;
				margin:0;
				width: 150px;
			}
			
			.menu-main>li{
				margin-top:1px;
			}
			.menu-main>li>a{
				display: block;
				height: 30px;
				padding:5px 10px;
				line-height: 30px;
				text-decoration: none;
				text-align: center;
				font-weight: bold;
				color:#fff;
				background-color: rgb(51,51,51);
			}
			.sub-menu{
				display: none;
			}
			.sub-menu>li>a{
				display: block;
				height: 20px;
				padding:5px 10px;
				line-height: 20px;
				text-decoration: none;
				text-align: center;
				color:rgba(255,255,255,0.5);
				background-color: rgba(0,0,0,0.5);
			}
			.sub-menu>li>a:hover{
				color:#fff;
				background-color: rgba(0,0,0,0.6);
			}
			.submenu-active{
				color:#fff !important;
				background-color: rgba(0,0,0,0.6) !impo