使用JS在悬停时显示文本

<div id="hover-element">悬停显示文本</div>
<div id="tooltip">这是悬停时显示的文本</div>

#tooltip {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  padding: 5px;
  border: 1px solid #ccc;
}

var hoverElement = document.getElementById('hover-element');
var tooltip = document.getElementById('tooltip');

hoverElement.addEventListener('mouseover', function() {
  tooltip.style.display = 'block';
});

hoverElement.addEventListener('mouseout', function() {
  tooltip.style.display = 'none';
});