Изменение цвета анимации jQuery

Я пытаюсь анимировать изменение цвета ссылки с текущего цвета на другой цвет.

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

По какой-то причине он не работает. Я использую плагин jQuery.

Ответ 1

Вам нужно обернуть шестигранник в строку, измените это:

color: #ffffff

:

color: "#ffffff"

Ответ 2

Основная проблема, вероятно, в том, что вы не знаете jQuery/JavaScript нотации,
writing #ffffff предоставит вам SyntaxError, потому что SharpSign + Letters ничего не значит в JS.
Быстрое решение: Вам нужно передать гекса-цвета в виде строк: color: "#ffffff"

jQuery поддерживает несколько различных обозначений переданного объекта для методов .css() и .animate()
позвольте мне направить вас через них.

Имена/клавиши свойств

(border, width,...) можно записать тремя способами:

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

Значения свойств/Значения

(# ffffff, 0px, none,...) можно записать тремя способами

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'    //  - || -

Вы можете грубо сказать, что все, кроме пикселей, всегда передается как строка
= > , что означает в кавычках (одиночный ' или double "), или вы можете, конечно, передать строковую переменную

Таким образом, самым безопасным способом для начинающих, вероятно, будет всегда использовать обозначения цитат для обоих - keys && значения.

...

В целом

Все это фактически использует часть JSON - Обозначение объектов JavaScript

Все это описано в документации jQuery .css()

Остерегайтесь

Некоторые ошибки в (более старых) Internet Explorers (см. документацию .css() и .animate())

Я не показывал пример всех возможностей, передаваемых по строкам, например:

Как и в jQuery 1.6,.css() принимает относительные значения, аналогичные .animate(). Относительные значения - это строка, начинающаяся с + = или - = до увеличивать или уменьшать текущее значение. Например, если элемент padding-left - 10px,.css( "padding-left", "+ = 15" ) приведет к общее отступы слева от 25px.

Объект JSON имеет более допустимые значения, чем числа и строки - boolean, array, object, null...