jQuery Girl
  1. jQuery Girl
  3. Puis-je passer en couleur avec jQuery?
Intereting Posts
Pourquoi ne puis-je pas voir ce JSON dans la console? Récupération XML avec AJAX retournant , Comment puis-je obtenir le contenu? Utilisez jQuery pour masquer DIV lorsque vous cliquez en dehors de celle-ci, mais autorisez la propagation d’événements Comment fusionner la colonne de la ligne de pied de page dans jqgrid jQuery DataTables – Classement des dates par colonne cachée jQuery: replace () ou wrap () http: //name.tld/request_url? paramètre avec > Info-bulle sur l’étiquette de la carte Comment masquer la case à cocher de la ligne sélectionnée de GridView à l’aide de Javascript? Télécharger des fichiers volumineux avec jQuery & iFrame – Besoin d’un événement File Ready pour pouvoir masquer le gif de chargement Remplir la balise de sélection struts2 avec un tableau javascript concaténer des menus de sélection dans une seule entrée de formulaire QueryDict toujours vide d’AJAX POST Ajax / jQuery pour utiliser un tableau pour remplir une table dans laravel Boîte de sélection masquer la première entrée d’option dans la liste jQuery: sélection de sélecteur contient () majuscules et minuscules

Puis-je passer en couleur avec jQuery?

J’ai du javascript qui change du HTML avec une fonction comme celle-ci: 

if (correct == "true") { $('#ft2').html('Correct'); $('#ft2').css('color', 'Green') $('#ft2').css('border-color', 'Green') } else { $('#ft2').html('Incorrect'); $('#ft2').css('color', 'Red') $('#ft2').css('border-color', 'Red') }

Le texte change très rapidement sur la page et j’aimerais le rendre meilleur pour mes utilisateurs. Existe-t-il un moyen d’utiliser jQuery pour se fondre dans la couleur? Par exemple, la nouvelle couleur doit apparaître en l’espace d’une seconde.

Si vous voulez animer des couleurs dans jQuery, vous aurez besoin d’un plugin:

http://plugins.jquery.com/project/color

Edit: il semble que le lien vers le plug-in de Resig soit ancien, vous pouvez donc essayer d’autres plugins écrits pour faire la même chose:

http://www.bitstorm.org/jquery/color-animation/

voici un lien direct vers le plugin original de Resig:

http://plugins.jquery.com/files/jquery.color.js.txt

Il suffit de sauvegarder la page sous jquery.color.js

Si vous ajoutez l’interface utilisateur jQuery, ils prennent en charge les animations couleur.

Lisez http://jqueryui.com/demos/animate/ pour plus de détails.

utiliser animer : 

 $('#div').animate({'background-color': '#ff00ff'});