想要在鼠标悬停时更改文字

Question

我有简单的文字，而不是链接，我想在鼠标悬停在其上时更改，然后在鼠标离开时恢复原始文本。我不熟悉JQuery，所以JavaScript最好。

所以，文本最初说“找到正确的点”，然后当鼠标悬停在它上面时，它会变为“你找到了它！”，然后恢复当鼠标移开时，“找到正确的点”。

Answer 1

你可以尝试使用这样的css：

<强> HTML

<div class="text">
    <p class="default">Find the right dot</p>
    <p class="found">You found it!</p>
</div>

<强>的CSS：

.text:hover p.found{display:block;}
.text:hover p.default{display:none;}
p.found{display:none;}

<强> DEMO

Answer 2

1. 将文本放入div标签（有一些id）
2. getElementById表示div
3. onMouseOver更改innerHtml