jQuery : plugin color
Par Osku le mardi, novembre 13 2007, 15:07 - Php, Css, JavaScript, etc. - Lien permanent
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 ?
Commentaires
Wouah ! C'est magique :)
uhuh mais à vrai dire pas vraiment ;-)
J'hésite à en mettre partout maintenant :-)
Merci pour ton article, c'est exactement ce que je cherchais!
@jbj, je t'en prie, content que ça puisse t'être utile. :-)