左侧二级菜单(入门级示例)

基本信息

源码名称：左侧二级菜单(入门级示例)

源码大小：0.72KB

文件格式：.html

开发语言：CSS

更新时间：2021-07-31

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

源码介绍

鼠标滑上去时打开，移出时恢复一级菜单

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>二级菜单</title>
<style>
	ul{
		list-style: none;
		text-align: center;
		width: 100px;
		padding: 0px;
		background-color: antiquewhite;
	}
	.a {
		display: none;
		background-color: aqua;
		text-align: center;
	}
	.menu li:hover ul{
		display: block;
	}
	
	
	</style>
</head>

<body>
	<ul class="menu">
		<li>生产管理
		    <ul class="a">
			    <li>000</li>
			    <li>000</li>
			</ul>
		</li>
		<li>市场管理
		    <ul class="a">
			    <li>000</li>
			    <li>000</li>
		    </ul>
		</li>
		<li>财务管理
		    <ul class="a">
			    <li>000</li>
			    <li>000</li>
		    </ul>
		</li>
	</ul>
</body>