le moyen le plus efficace de changer de couleur d'arrière-plan sur hover avec jquery 1.4+?

Question

Je me souviens avoir regardé ça il y a un an et il y avait quelques plugins et une méthode jquery ui, mais ça vaut toujours la peine de demander - qu'est-ce qui a changé? Quelle est la méthode/plugin la plus efficace/la plus légère pour atténuer les couleurs d'arrière-plan en stationnaire?

Answer 1

Je dirais que la réponse n'a pas changé, toujours le jQuery color plugin, à moins que vous n'incluiez déjà jQuery UI, auquel cas vous n'avez plus besoin du plugin. Le plugin est 3.6kb entièrement non compressé, c'est jolie petite fois gzippé (~ 1.45kb, même sans minification).

Answer 2

La façon "appropriée" serait d'être l'utilisation du navigateur intégré dans les transitions CSS:

#test { 
     background-color: red; 
     transition: background-color 1s; 
     -webkit-transition: background-color 1s; 
     -moz-transition: background-color 1s; 
     -o-transition: background-color 1s; 
    } 
    #test:hover { 
     background-color: blue; 
    } 

actuellement pris en charge (AFAIK) dans les navigateurs Webkit, Opera 10.5 et venir à Firefox 4.

Il y a un petit plugin jQuery, qui ajoute supprt pour les autres navigateurs: http://weston.ruter.net/projects/jquery-css-transitions/ (mais il Hax pas été mis à jour depuis plus d'un an et je n'ai pas utilisé moi-même)

Answer 3

$ (document) .ready (function() { $ ("div: premier"). Mouseover (function() { $ (this) .fadeTo ("lent", 0.33); }); $ ("div: premier"). Mouseout (function() { $ (this) .fadeTo ("lent", 1); }); });