纯css 鼠标悬停滑过显示块,移开消失!
纯css 鼠标悬停滑过显示块,移开消失!代码如下(仅供参考)。
- 纯css 鼠标悬停滑过显示块,移开消失!代码如下(仅供参考)。
————————————–
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type=”text/css”>
.wrapsd div.more-box{display:none;width: 300px;border:1px solid #eee;}
.wrapsd:hover div.more-box{display:block;margin-right:10px;}</style>
</head>
<body>
<div class=”wrapsd”>
<a href=””>更多</a><div class=”more-box”>
<a href=””>添加</a>
<a href=””>添加</a>
<a href=””>添加</a>
</div></div>
</body>
</html>
————————–
更新时间: 2022-09-08
本文地址:https://www.lzb6.com/website/program/128.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!