Ejemplo
Establecer el color de fondo en amarillo, cuando el puntero del ratón está sobre un <p> elemento:
$("p").mouseover(function(){
$("p").css("background-color", "yellow");
});
Inténtalo tú mismo " Definición y Uso
El mouseover evento se produce cuando el puntero del ratón está sobre el elemento seleccionado.
El mouseover() método activa el mouseover evento, o concede una función a ejecutar cuando un mouseover se produce el evento.
Nota: A diferencia de la mouseenter evento, el mouseover evento se dispara si un puntero del ratón entra en cualquier elemento secundario, así como el elemento seleccionado.El mouseenter evento sólo se activa cuando el puntero del ratón entra en el elemento seleccionado. Véase el ejemplo al final de la página para una demostración.
Consejo: Este evento se utiliza a menudo junto con la mouseout evento.
Sintaxis
Disparar el mouseover de eventos para los elementos seleccionados:
$(selector).mouseover()
Try it
Adjuntar una función al mouseover evento:
$(selector).mouseover(function)
Try it
| Parámetro | Descripción |
|---|---|
| function | Opcional. Especifica la función a ejecutar cuando el mouseover se desencadena evento |
Inténtelo usted mismo - Ejemplos
La diferencia entre mouseover(), mouseenter() y mousemove()
Demuestra la diferencia entre mouseover(), mouseenter() y mousemove() .