js 鼠标悬停图片显示文字

您可以使用 HTML 的 title 属性结合 JavaScript 来实现鼠标悬停图片显示文字。具体做法是在需要显示文字的图片上添加 title 属性，然后使用 JavaScript 监听鼠标悬停事件，在事件触发时获取图片的 title 属性值，并在页面上显示出来。

以下是一个简单的示例：

<img src="example.jpg" title="这是一个示例图片" onmouseover="showTitle(event)">
<div id="title-box"></div>

<script>
function showTitle(event) {
  // 获取图片的 title 属性值
  var title = event.target.title;
  
  // 显示 title 值
  var titleBox = document.getElementById("title-box");
  titleBox.innerHTML = title;
}
</script>

在这个例子中，当鼠标悬停在图片上时，会触发 showTitle 函数，该函数会从事件对象中获取图片的 title 属性值，并将其显示在页面中 id 为 title-box 的元素内。您也可以根据需要自定义显示效果和位置等。