感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<div class="menu">
<button class='menu-btn'>
Click me for menu
</button>
<div class="dropdown-menu">
<a href ='#'>Home</a>
<a href ='#'>Article</a>
<a href ='#'>Back</a>
</div>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
.menu{
position:relative;
display:inline-block;
}
.menu-btn{
background-color:green;
color:white;
padding:10px;
margin-left:5px;
border:none;
.dropdown-menu{
display:none;
position:absolute;
background-color:gray;
width:115px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
.dropdown-menu a{
text-decoration:none;
display:block;
padding:5px;
border-bottom-style:solid;
border-width:1px;
.dropdown-menu a:last-child{
border-bottom-style:none;
.menu:Hover .dropdown-menu{
.menu-btn:hover {
background-color: #3e8e41;
.dropdown-menu a:hover{
background-color:#f1f1f1;
color:blue;
border-color:white;