h5实现鼠标移到链接上显示一个隐藏的div，鼠标移出该div后隐藏该div

可以使用CSS和JavaScript来实现这个功能。首先，需要给链接添加一个包含隐藏div的父元素，然后使用CSS将该div设置为隐藏状态。

HTML代码：

<a href="#" class="link">鼠标移到这里</a>
<div class="link-wrapper">
  <div class="hidden-div">隐藏的内容</div>
</div>

CSS代码：

.link-wrapper {
  position: relative;
}

.hidden-div {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}

然后，使用JavaScript添加鼠标事件监听器，实现鼠标移入和移出时显示和隐藏隐藏div。

JavaScript代码：

const link = document.querySelector('.link');
const wrapper = document.querySelector('.link-wrapper');
const hiddenDiv = document.querySelector('.hidden-div');

link.addEventListener('mouseover', () => {
  hiddenDiv.style.display = 'block';
});

wrapper.addEventListener('mouseleave', () => {
  hiddenDiv.style.display = 'none';
});

当鼠标移入链接时，显示隐藏div；当鼠标移出链接和隐藏div时，隐藏隐藏div。