Lien de couleur animée changeant dans jQuery?

J’ai un lien nommé #link.

Il change de couleur après vol stationnaire, comme ceci:

$("#link").hover(function(){ $(this).css({color: '#fed900'}); }); 

Tout ce que je veux faire, c’est un changement de couleur fluide et animé.

Je sais que je dois mettre .css dans une animation, mais je n’arrive pas à comprendre comment.

Je pense que c’est la bonne façon, mais ça ne marche pas du tout:

 $("#link").hover(function(){ $(this).animate( { css({color: '#fed900'}) }, "slow" ); }); 

J’ai aussi essayé comme ça:

 $(this).animate({ .css({color: '#fed900'}), "slow" }); 

Mais je me trompe toujours. Un coup de main? Je sais que je manque quelque chose de vraiment petit.

L’appel à .animate() ressemble à ceci:

 $("#link").hover(function(){ $(this).animate({ color: '#fed900'}, "slow"); }, function() { $(this).animate({ color: '#000000'}, "slow"); //original color }); 

Vous pouvez essayer ici . Mais gardez à l’esprit que vous devez inclure le plug – in de couleur ou l’ interface utilisateur de jQuery , car jQuery Core ne prend pas en charge les animations de couleur.

 $("#link").hover(function(){ $(this).stop().animate({ color: '#fed900'}, "slow"); }, function() { $(this).stop().animate({ color: '#000000'}, "slow"); //original color }); 

utilisez .stop () pour éviter les problèmes de cycle d’animation

vous avez un css({}) errant css({}) , l’appel devrait ressembler à ceci:

 $("#link").hover(function(){ $(this).animate( {color: "#fed900"}, "slow" ); }); 

J’ai ce problème depuis longtemps. inopinément toutes les solutions ci-dessus échouent

          

By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!

peu importe comment j’ai mis dans le paramètre la couleur ne changerait pas

J’ai trouvé un seul site Web qui offre une excellente utilisation des effets d’animation JQuery. Veuillez trouver ci-dessous quelques bons exemples susceptibles de résoudre toutes vos questions. Pour cela, vous pouvez avoir besoin des navigateurs de la dernière version.

http://e-weddingcardswala.in/e_cardscollection/841/

http://e-weddingcardswala.in/e_cardscollection/840/

Merci.