让JS (mouseover，mouseleave)在html文档中的图片上显示不同的文本

在HTML文档中，可以通过使用JavaScript的mouseover和mouseleave事件来实现在图片上显示不同的文本。mouseover事件在鼠标指针移动到元素上时触发，而mouseleave事件在鼠标指针离开元素时触发。

要实现这个功能，可以按照以下步骤进行操作：

1. 在HTML文档中，为需要显示不同文本的图片元素添加一个唯一的标识，例如给img标签添加一个id属性，例如：<img id="myImage" src="image.jpg" alt="My Image">。
2. 在JavaScript代码中，使用document.getElementById()方法获取图片元素的引用。例如：var image = document.getElementById("myImage");。
3. 使用addEventListener()方法为图片元素添加mouseover和mouseleave事件的监听器。在mouseover事件的处理函数中，可以通过修改图片元素的alt属性来改变显示的文本。在mouseleave事件的处理函数中，可以将alt属性恢复为原始的文本。例如：

image.addEventListener("mouseover", function() {
  image.alt = "显示的文本";
});

image.addEventListener("mouseleave", function() {
  image.alt = "My Image";
});

以上代码中，当鼠标移动到图片上时，图片的alt属性会被修改为"显示的文本"，当鼠标离开图片时，alt属性会恢复为原始的"My Image"。

这种方法可以用于在HTML文档中的图片上显示不同的文本。根据具体的需求，可以根据mouseover和mouseleave事件来触发不同的操作，例如显示提示信息、展示相关内容等。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe