<!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刪除。