鼠标悬停在图标上会出现资料卡，这个是怎么写的呢

weixin_54420228 2021-01-12 06:13:34

...全文

3296 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

王大师王文峰 2021-01-13

打赏
举报

可以用js,或者点击事件

ZionHH 2021-01-13

打赏
举报

css hover显示

极客诗人 2021-01-13

打赏
举报

这种一般通过js来实现控制显示层的显示与隐藏

Giberson1 2021-01-13

打赏
举报

话不多说，直接给你写了一段代码

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script>
function	show(){
		document.getElementById("d2").style.display= '';
	}
  </script>
 </head>
 <body>
  <div id="d1" class="" style="background:yellow;">
	<span onmouseover="show()">鼠标移动过来，宝贝！</span>
  </div>
  <div id="d2" class=""  style="background:red;display:none;">
	sdfdf
  </div>
 </body>
</html>

直接放到html文件，直接运行即可！