цветная анимация | Документация jQuery UI API
Ядро эффектов jQuery UI добавляет возможность анимировать свойства цвета с помощью rgb() , rgba() , шестнадцатеричные значения или даже названия цветов, например "aqua" . Просто включите
Основной файл jQuery UI эффектов и .animate() получит поддержку цветов.
Поддерживаются следующие свойства:
-
backgroundColor -
границаБоттомЦвет -
borderLeftColor -
границаRightColor -
граница TopColor -
цвет -
столбецRuleColor -
контурЦвет -
textDecorationColor -
textEmphasisColor
Поддержка цветной анимации исходит от
Плагин JQuery Color. Плагин цвета
предоставляет несколько функций для работы с цветами.
Для полной документации, пожалуйста
см. документацию jQuery Color.
Хотя существуют варианты использования прямой анимации отдельных свойств цвета,
часто является лучшим подходом для содержания стилей в классе. Пользовательский интерфейс jQuery предоставляет
несколько методов, которые будут анимировать добавление или удаление класса CSS,
в частности .addClass() , .removeClass() , .toggleClass() и .switchClass() . Эти
методы автоматически определят, какие свойства необходимо изменить и применить
соответствующие анимации.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
|
jquery.com/ui/1.13.0/themes/smoothness/jquery-ui.css"> 
click(function() {