我有简单的文字,而不是链接,我想在鼠标悬停在其上时更改,然后在鼠标离开时恢复原始文本。我不熟悉JQuery
,所以JavaScript
最好。
所以,文本最初说“找到正确的点”,然后当鼠标悬停在它上面时,它会变为“你找到了它!”,然后恢复当鼠标移开时,“找到正确的点”。
答案 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)