如何在鼠标悬停时显示div元素？

在鼠标悬停时显示div元素可以通过CSS和JavaScript来实现。下面是一种常见的实现方式：

使用CSS来定义div元素的初始状态和悬停状态的样式。例如：

#myDiv {
  display: none; /* 初始状态下隐藏div元素 */
}

#myDiv:hover {
  display: block; /* 鼠标悬停时显示div元素 */
}

在HTML中添加一个触发悬停事件的元素，例如一个按钮或者文本。例如：

<button onmouseover="showDiv()">悬停显示</button>

使用JavaScript来编写showDiv()函数，该函数用于在鼠标悬停时显示div元素。例如：

function showDiv() {
  var div = document.getElementById("myDiv");
  div.style.display = "block";
}

完整的代码示例如下：

<!DOCTYPE html>
<html>
<head>
<style>
#myDiv {
  display: none;
}

#myDiv:hover {
  display: block;
}
</style>
</head>
<body>

<button onmouseover="showDiv()">悬停显示</button>

<div id="myDiv">
  <h1>这是一个显示的div元素</h1>
  <p>鼠标悬停时显示</p>
</div>

<script>
function showDiv() {
  var div = document.getElementById("myDiv");
  div.style.display = "block";
}
</script>

</body>
</html>

这样，在鼠标悬停在按钮上时，div元素就会显示出来。你可以根据实际需求修改div元素的样式和显示内容。