Je dois être capable de se décomposer entre des cours et de transition de manière transparente tous les styles appliqués à l'élément et à ses enfants. Comment cela peut-il être fait en utilisant jQuery? Je sais comment ajouter / supprimer des cours mais ce n'est pas la même chose qu'une belle transition entre deux couleurs drastiquement différentes.
4 Réponses :
Consultez le plug-in de couleur pour jQuery: https://github.com/jquery/jquery-color < / a>
JQuery UI a une fonction Toggleclass qui a un argument de la durée:
http://jqueryui.com/demos/toggleclass/ p>
Par exemple, je le fais sur l'un de mes sites (FADE IN / OUT FADE IN / OUT de la classe CODE> Classe FADE / SORS / SORSE DU DARK CODE > Classe): P> $('body').toggleClass('light', 250).toggleClass('dark', 250);
Cela semble extrêmement prometteur. Je vais devoir vérifier. Merci!
Étant donné que votre réponse atteint techniquement ce que je demandais, je vous donne le crédit, mais mon expérience avec les animations de la classe JQuery UI était horrible. J'ai fini par pirater quelque chose ensemble qui impliquait des couches de décomposition in / dedans qui ont été positionnées derrière le contenu.
Dans ce cas, il pourrait y avoir un moyen plus efficace de structurer votre mise en page. Parfois, je dois introduire mes plans une demi-douzaine de fois avant qu'il ne commence à être génial. :)
Je me demande pourquoi cela n'est pas documenté dans l'API API.JQUERY.COM/TOGgleclass
@Edwardblack parce que la réponse indique, c'est JQuery Ui, pas JQuery Core.
Essayez Fadein. http://api.jquerery.com/fadein/ Bien que en fonction de la complexité, vous aurez peut-être besoin de JQuery UI comme d'autres personnes ont mentionné.
Cela s'estompera dans les éléments et non la classe appliquée aux éléments.
Vrai, cette fonctionnalité devrait être dans JQuery Core IMO.
Est-ce ce que vous essayez d'accomplir? Voici le jsfiddle
html: jQuery: CSS:
C'est fondamentalement ce que j'ai fini par faire
Dupliquer possible: Stackoverflow.com/questions/2176413
Vous pouvez le faire avec le plugin de transition de JQQUERY UI (IIRC), mais je suis répugnant à recommander JQuery UI, mais c'est la préférence personnelle.
Faut-il être fait avec jQuery? Les navigateurs les plus récents (sauf, bien sûr, à savoir, à l'exception de la prochaine version suivante, IE10) Soutenir la transition CSS dans une certaine mesure si vous utilisez leurs règles de style exclusivement. Ou est-ce le problème?