感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<!DOCTYPE html>
<html>
<head>
<title>下拉菜单实例|菜鸟教程(runcodex.com)</title>
<meta charset="utf-8">
<style>
.dropdown
{
position:relative;
display:inline-block;
}
.dropdown-content
display:none;
position:absolute;
background-color:#f9f9f9;
width:100%;
overflow:auto;
box-shadow:0px 8px 16px 0px rgba(0,0,0,0,2);
padding:12px 16px;
.dropdown:hover .dropdown-content
display:block;
</style>
</head>
<body>
<h2>鼠标移动后出现下拉菜单</h2>
<p>将鼠标移动到指定元素上就能看到下拉菜单。</p>
<div class="dropdown">
<span>鼠标移动到我这!</span>
<div class="dropdown-content">
<p>菜鸟教程</p>
<p>www.runcodex.com</p>
</div>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
输入 CSS 代码……