Metodo jQuery hover ()
Esempi
Quando il puntatore del mouse si trova sopra la parte superiore, cambiare il colore di sfondo elemento <p>:
$ ( "P"). Hover (function () {
. $ ( "P") css ( "background-color", "giallo");
}, Function () {
. $ ( "P") css ( "background-color", "rosa");
});
. $ ( "P") css ( "background-color", "giallo");
}, Function () {
. $ ( "P") css ( "background-color", "rosa");
});
Prova »
Definizione e utilizzo
Metodo hover () specifica due funzioni quando il puntatore del mouse si trova sopra gli elementi selezionati per l'esecuzione.
prima di jQuery 1.7 versione di questo metodo attiva MouseEnter e MouseLeave eventi.
Dopo jQuery 1.8 versione di questo metodo attiva mouseover e mouseOut eventi.
grammatica
$ (Selector) .hover (inFunction,outFunction)
chiamata:
$( selector ).hover( handlerIn, handlerOut )
Equivalenti come segue:
$( selector ).mouseover( handlerIn ).mouseout( handlerOut );
NOTA: Se solo una funzione specifica, verrà eseguito su eventi mouseover e mouseOut.
chiamata:
$(selector).hover(handlerInOut)
È equivalente a:
$( selector ).on( "mouseover mouseout", handlerInOut );
parametri | descrizione |
---|---|
inFunction | Richiesto. Funzione prescritto eseguito quando si verifica un evento mouseover. |
outFunction | Opzionale. Prescritto funzione di corsa quando si verifica mouseout evento. |