javascript - 使用 onMouseover JavaScript/HTML 显示文本

Question

我有一个任务需要名人的图像，这里的目标是一旦用户将鼠标移到图像上，就会显示显示该名人名言的文本。一旦用户离开图像，文本就会消失。这听起来相对简单，我知道这可以使用 CSS 来完成，但是我希望扩展我的 HTML 技能并且暂时忽略 CSS 并专注于 HTML 和 JS。现在我知道 onMouseover 是这个的关键事件处理程序，但是我觉得我的代码好像有我不知道的错误。一切都包含在脚本标签中。谢谢。

<img src="julius_caesar.jpg" id="jCaes" onMouseover="displayQuote();">
function displayQuote() {
document.getElementById("jCaes").value = "I came, I saw, I conquered";
}

Answer 1

您需要一个 title 属性来在鼠标悬停时显示文本。

<img src="julius_caesar.jpg" id="jCaes" title="your text"/>