disign.it | Jquery: effetti MouseOver/Out | a digital sign for a best design!
A digital sign for a best design
Javascript 2.798 visualizzazioni

Jquery: effetti MouseOver/Out

10/04/2012

Un altro modo per modificare gli effetti di rollover attraverso la libreria Jquery.

Caricata l'ultima versione di Jquery, (qui l'articolo sul come fare), richiamiamo lo script jquery-ui-1.8.18.custom.min.js (o la sua versione più aggiornata scaricabile da qui) e quindi al classico document ready impostiamo la funzione definendo il colore di fondo del backround al mouse over, eventuali altri parametri di stile e la velocità dell'effetto fade, e la stessa serie di parametri sul mouse out:

 

    jQuery(document).ready(function(){
    
    jQuery(".block").mouseover(function() {
    
    jQuery(this).animate({ backgroundColor: "orange" }, 1000);
    
    }).mouseout(function() {
    
    jQuery(this).animate({ backgroundColor: "cyan" }, 500);
    
    })
    
    });

← PHP: verifica se una stringa finisce con caratteri cercati SQL: query per trovare duplicati →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.