在悬停时显示另一个文字/字母

Question

我想要隐藏一个字母,并在链接中显示另一个字母,当然还有不同风格的字母悬停.例如:

这是一个...

...normal link.

这是......

...hovêrêd lînk.

怎么做到这一点？谢谢.

编辑: 是的,需要澄清 - 我只想更改特定字母(i➛î,eê)并更改悬停时的样式,而不是整个链接,因为链接在正常和悬停时都是相同的.

发布此内容的人

$('.class').hover(function()
{
$(this).data('i', $(this).text());
$(this).text("î");
},
function()
{
$(this).text($(this).data('i'));
}
);

接近解决方案.只有这段代码会在悬停时更改整个链接,而不仅仅是字母.

Answer 1

\r\n

\r\n

$(\'#link\').hover(function(){\r\n  $(this).text(\'...hov\xc3\xaar\xc3\xaad l\xc3\xaenk.\');\r\n},function(){\r\n  $(this).text(\'normal link..\');\r\n});

\r\n

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>\r\n\r\n<a href="#" id="link">normal link..</a>

\r\n

\r\n

\r\n

\n