Para casos como el que explicas, es útil utilizar el método
hover:
Código Javascript
:
Ver original$("#capa").hover(function(){
$("#mensaje").show();
}, function(){
$("#mensaje").hide();
});
Este método recibe dos funciones. En la primera, se especifican las acciones a realizar cuando el cursor del mouse se pose sobre el elemento de
id 'capa', mientras que, en la segunda función, se especifican las acciones a realizar cuando el cursor del mouse sea retirado del elemento en cuestión.
En la primera función, tomo al elemento de
id 'mensaje' y lo muestro, utilizando para ello el método
show, mientras que, en la segunda función, lo oculto, utilizando el método
hide.
Recuerda, la primera función se ejecutará al posar el cursor del mouse sobre el elemento vinculado al método
hover, mientras que, la segunda función, se ejecutará cuando retires el cursor del mouse de dicho elemento.
Saludos