javascript - 想要在鼠标悬停时更改文本

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