jQuery Hover-Effekt

Question

Ich versuche diesen Effekt zu haben http://www.un.org/. Das heißt, Sie haben unterschiedliche Links, bei Hover erscheint der entsprechende Text darunter. Ist es möglich, dies mit jQuery zu erreichen?

Vielen Dank für

Answer 1

helfen Sie können dies allein mit CSS tun

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

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

http://jsfiddle.net/TkVtm/

oder für eine komplexere Szenario Sie jQuery verwenden, um eine einfache Hover-Effekt zu tun:

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

http://jsfiddle.net/TkVtm/1/

Answer 2

Sie können das jQuery Hover() Ereignis verwenden und nur die div ändern, um Ihren entsprechenden Text enthalten:

$("#hoverArea").hover(
    function() { 
    $("#textDiv").text("New Text"); 
    }, 
    function() { 
    $("#textDiv").text("Previous Text"); 
    } 
);