Bon, on continue dans la série des billets sur jQuery :-).
L'effet .animate permet de faire des trucs déjà sympas sauf de jouer sur les couleurs...
Je cherche et je découvre un plugin jQuery.color.js qui permet de jouer sur les couleurs des éléments css :
- la couleur du text via
'color' - la couleur du fond via
'backgroundColor' - ou encore les différentes bordures via
'borderBottomColor','borderLeftColor','borderRightColor'et'borderTopColor'
Le plugin semble uniquement compatible avec jQuery version 1.2 ou supérieure.
Exemple
$(document).ready(function(){
$("#go").click(function(){
$(".block").animate( { backgroundColor:'#008CFF', color:'#EFF8FF', borderLeftColor:'#000'}, 2000)
.animate( { backgroundColor:'#fff', color:'#444', borderLeftColor:'yellow'}, 2000);
});
});
Ceci est un gros bloc qui change de couleurs si vous cliquez sur le bouton
Epatant, non ?
Derniers commentaires