jQuery animate changement de couleur

Je suis en train d'animer un lien de changement de couleur de la couleur à une autre couleur.

$(window).load(function(){
    $('.article-preview h1 a').hover(function(){
        $(this).animate({
            color: #ffffff
        }, 1500);
    });
});

Pour une raison que ça ne fonctionne pas. Je suis à l'aide de la jQuery plugin color.

OriginalL'auteur wowpatrick | 2011-08-06

  1. 13

    Vous avez besoin d'envelopper le triplet hexadécimal dans une chaîne de caractères, changer ce:

    color: #ffffff

    :

    color: "#ffffff"
    Je savais que ça allait être quelque chose de stupide comme ça. Putain le temps chaud. Merci! BTW, n'noms de couleur doivent être enveloppés dans des citations?
    si vous n'emballe pas les noms de couleurs dans les citations, l'interprète pense qu'ils sont des noms de variables. Ce n'est probablement pas ce que vous cherchez.
    np. Oui, vous aussi, avoir à envelopper des noms de couleurs.
    N'oubliez pas que vous devez importer jQuery color dans l'ordre pour que cela fonctionne. ajouter cette: <script src="http://code.jquery.com/color/jquery.color-2.1.2.js"></script>

    OriginalL'auteur Baversjo

  2. 4

    Le problème de base est probablement que vous ne savez pas du jQuery /JavaScript, les notations,

    écrit #ffffff vous SyntaxError, parce que SharpSign+Lettres ne veut rien dire en JS.

    Solution rapide: Vous devez passer hexa-couleurs comme des chaînes de caractères: color: "#ffffff"

    jQuery prend en charge quelques notations différentes du passé-l'objet pour .css() & .animate() méthodes,

    permettez-moi de guid vous à travers eux.

    Noms de propriété /Touches

    (frontière, largeur,...) peut être écrit dans les 3 façons:

    backgroundColor    //DOM formatting
'backgroundColor'  //DOM formatting BUT - passed as a STRING
'background-color' //CSS formatting - passed as a STRING

    Propriété des valeurs /Valeurs

    (#ffffff, 0px, aucun, ... ) peut être écrit dans les 3 façons

    0         //'pure' number - Integer (useful when pre-calculating pixels)
20.5      //              - Float
'0'       // number BUT passed as STRING - Integer
'20.5'    //                             - Float
'0px'     // string
'#ffffff' // - || -
'auto'    // - || -

    Vous pourriez trajet en voiture dire que tout à l'exception des pixels est toujours passé comme chaîne

    => cela signifie que dans les citations (seul ' ou double " ) ou vous pouvez bien entendu passer une variable de chaîne

    Donc le moyen le plus sûr pour beginers serait probablement toujours utiliser devis notations pour les deux - clés && les valeurs.

    ...

    Globale

    Tout cela est fait en utilisant une partie de JSON (JavaScript Object Notation

    Tout cela est décrit dans la jQuery .css() documentation de la méthode

    Méfiez-vous de

    Quelques bugs dans les (anciennes) Internet Explorateurs (voir la documentation de .css() et .animate() méthodes)

    Je n'ai pas montrer l'exemple de l'ensemble de la chaîne de passé possibilités, par exemple:

    De jQuery 1.6, .css() accepte des valeurs relatives similaire à
    .animate(). Les valeurs relatives sont une chaîne de caractères commençant par += ou -=
    incrémenter ou décrémenter la valeur actuelle. Par exemple, si un élément de l'
    padding-left était 10px, .css( "padding-left", "+=15" )
    un total padding-left de 25px.

    Objet JSON a plus de valeurs valides que des nombres et des chaînes - boolean, array, object, null...

    OriginalL'auteur jave.web