鼠标放上去图片上移滑出文字说明

您好！对于实现在鼠标悬停在图片上时显示文字说明的效果，您可以使用HTML和CSS来实现。下面是一个简单的示例代码：

HTML部分：

<div class="image-container">
  <img src="your-image-url.jpg" alt="Your Image">
  <div class="image-caption">这里是图片说明</div>
</div>

CSS部分：

.image-container {
  position: relative;
  display: inline-block;
}

.image-caption {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5); /* 背景颜色，可根据需要调整 */
  color: #fff; /* 文字颜色，可根据需要调整 */
  padding: 10px;
  opacity: 0;
  transition: opacity 0.3s;
}

.image-container:hover .image-caption {
  opacity: 1;
}

您可以将这段代码嵌入到您的网页中，并将 "your-image-url.jpg" 替换为您自己的图片地址，然后在 "这里是图片说明" 的位置写入您想要显示的文字说明。当鼠标悬停在图片上时，文字说明会淡入显示，移开鼠标时则会淡出隐藏。

希望对您有所帮助！如果您还有其他问题，请继续提问。