鼠标放在图片上显示文字

鼠标悬停在图片上显示文字是一种常见的网页交互设计，通常用于提供图像的额外描述、链接或其他相关信息。当用户将鼠标指针移动到图片上时，文本会暂时或永久地在图片下方或旁边显示，这通常是通过CSS样式和JavaScript来实现的。

在HTML中，可以使用`<img>`标签配合`title`属性来简单地添加鼠标悬停时的提示文字：

<img src="image.jpg" alt="图片描述" title="点击这里查看详细信息">

在这个例子中，当鼠标悬停在图片上时，浏览器会在状态栏显示"点击这里查看详细信息"的文字。

如果需要更复杂的交互效果，可以借助JavaScript编写事件监听器，结合CSS的`:hover`伪类来动态改变文字内容或显示弹出框：

let img = document.querySelector('img');
img.addEventListener('mouseover', function() {
    // 显示文字或创建弹出框
});
img.addEventListener('mouseout', function() {
    // 隐藏文字或关闭弹出框
});