jQuery悬停效果

Question

我正试图产生这种效果http://www.un.org/.意思是你有不同的链接,在悬停时会出现相应的文字.是否有可能使用jQuery实现这一目标？

谢谢你的帮助

Answer 1

你可以单独用CSS做到这一点

<a href="#">My Link<span>My Hover Text</span></a>

a span { display: none; }
a:hover span { display: inline; }

或者对于更复杂的场景,您可以使用jQuery来执行简单的悬停效果:

$("#links li").hover(function() {
    $("#text li:eq(" + $(this).index() + ")").toggle();
});