Jquery: effetti MouseOver/Out

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);
    
    })
    
    });