Esempio
Impostare il colore di sfondo al giallo, quando il puntatore del mouse si trova sopra un <p> elemento:
$("p").mouseover(function(){
$("p").css("background-color", "yellow");
});
Prova tu stesso " Definizione e utilizzo
Il mouseover evento si verifica quando il puntatore del mouse si trova sopra l'elemento selezionato.
Il mouseover() metodo attiva l' mouseover evento, o attribuisce una funzione da eseguire quando un mouseover si verifica un evento.
Nota: A differenza del mouseenter caso, il mouseover evento attiva se un puntatore del mouse entra eventuali elementi figlio così come l'elemento selezionato.L' mouseenter evento viene attivato solo quando il puntatore del mouse entra l'elemento selezionato. Vedere l'esempio alla fine della pagina per una dimostrazione.
Suggerimento: Questo evento viene spesso usato insieme al mouseout evento.
Sintassi
Innescare il mouseover evento per gli elementi selezionati:
$(selector).mouseover()
Try it
Fissare una funzione al mouseover evento:
$(selector).mouseover(function)
Try it
Parametro | Descrizione |
---|---|
function | Facoltativo. Specifica la funzione da eseguire quando il mouseover viene attivato evento |
Provate voi stessi - Esempi
La differenza tra il mouseover(), mouseenter() e mousemove()
Dimostra la differenza tra mouseover(), mouseenter() e mousemove() .