Как применить эффект цвета анимации к div

#jquery

Вопрос:

У меня есть эта функция jQuery :

 $('.tracklistOff').find('.trackon').clone().insertAfter(($(param).parents('.trackon')));

Я клонирую div и добавляю его. CSS-класс trackon является :

 .trackon{width:710px; height:26px; color:#CCCCCC; font-weight:bold; float:left;}

Я хотел бы, когда я добавлю его, добавить красный цвет фона trackon и затемнить его до черного; своего рода fadeIn(), не начиная с hide (но с red) и заканчивая trackon фоном (в моем контексте, должен быть белым).
Как я могу это сделать без каких-либо плагинов?

Ответ №1:

Вы можете сделать это с помощью этого: http://plugins .jquery.com/project/color

Это плагин, да, я знаю. Но это единственный известный мне способ сделать это, если не считать самостоятельного перезаписи плагина.

1. Я не могу поверить, что не существует метода с чистым jquery; Я вижу много веб-сайтов, использующих этот эффект; Было бы также нормально установить красный фон CSS в начале и оттенить его белым…

2. Этот плагин на самом деле был создан Джоном Ресигом, который создал jQuery. Я бы счел это «чистым» :). Большинство веб-сайтов, использующих jQuery, вероятно, используют этот плагин. Другие пишут свой собственный метод. Это действительно крошечный плагин, так что это не должно быть проблемой.

3. На самом деле, теперь, когда я смотрю на это, это считается официальным плагином

4. Скачал эти плагины! Сейчас? 🙂

5. Ссылайтесь на него, как на любой файл JavaScript, и анимируйте следующим образом: $('#something').animate({backgroundColor: '#400101'})

Ответ №2:

Для jquery существует плагин animate-colors, который позволяет выполнять цветовую анимацию с использованием обычных методов анимации. Это должно сделать это за вас.

Ответ №3:

Пользовательский интерфейс jQuery расширяет метод animate jQuery, позволяя вам модулировать цвета. Вот ссылка:http://jqueryui.com/demos/animate

1. Пользовательский интерфейс Jquery — это ужасно РАЗДУТОЕ дополнение, добавлять такой вес к цветной анимации — плохая идея. Это похоже на то, что оператор хочет животное для своего 5-летнего возраста и предлагает слона. Особенно, когда изначально не хочется использовать плагин.