<!DOCTYPE html>
<html>
<head>
<title>下拉菜单</title>
</head>
<body>
<div class="titleBar">
<span>下拉菜单</span>
<div class="title">
<p>菜单一</p>
<p>菜单二</p>
<p>菜单三</p>
</div>
</div>
</body>
<style type="text/css">
.titleBar{
display: inline-block;
position: relative;
}
.title{
display: none;
position: absolute;
}
.titleBar:hover .title{display: block;}
</style>
</html>
css实现下拉菜单，鼠标移动到指定位置显示菜单项，移开隐藏菜单项
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。