Ejemplo
Cambiar el color de fondo de un <p> elemento cuando el puntero del ratón pasa sobre ella:
$("p").hover(function(){
$(this).css("background-color", "yellow");
}, function(){
$(this).css("background-color", "pink");
});
Inténtalo tú mismo " Definición y Uso
El hover() método especifica dos funciones a ejecutar cuando el puntero del ratón pasa sobre los elementos seleccionados.
Este método activa tanto el mouseenter() y mouseleave() eventos.
Nota: Si sólo se especifica una función, que se llevará a cabo tanto para el mouseenter y mouseleave eventos.
Sintaxis
$(selector).hover(inFunction,outFunction)
Parámetro | Descripción |
---|---|
inFunction | Necesario. Especifica la función a ejecutar cuando el mouseenter ocurre un evento |
outFunction | Opcional. Especifica la función a ejecutar cuando el mouseleave ocurre un evento |