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

时间:2014-02-05 17:54:36

标签: javascript html css

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

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

2 个答案:

答案 0 :(得分:4)

你可以尝试使用这样的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

答案 1 :(得分:0)

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