jQuery.animate () только с классом CSS, без явных стилей

Question

Используя JQuery animate, я хотел бы работать с классами css, определенными где-то в файле .css, чтобы не приходилось явно передавать все параметры стилей в jquery.animate ().

Я могу создать поддельный (например, невидимый) элемент с таким классом, прочитать его свойства css и передать их jquery.animate () - кто-нибудь знает лучший способ?

Answer 1

jQueryUI обеспечивает расширение функции animate, которая позволяет анимировать класс css.

edit : Пример здесь

Существуют также методы для добавления / удаления / переключения класса, которые могут вас также заинтересовать.

Answer 2

Уэстон Рутер создал аналогичную вещь, используя предложение WebKit для css-переходов :

http://weston.ruter.net/projects/jquery-css-transitions/

Эта реализация может быть полезна для вас.

Answer 3

Проверьте Джеймса Падолси animateToSelector

Intro: Этот плагин jQuery позволит Вы можете анимировать любой элемент в стиле указано в вашей таблице стилей. Все вы нужно сделать, это передать селектор и Плагин будет искать этот селектор в ваша таблица стилей, а затем будет применять ее как анимация.

Answer 4

Во многих случаях вам лучше использовать CSS-переходы для этого, и в старых браузерах ослабление будет просто мгновенным. Большинство анимаций (таких как fade in / out) очень просто реализовать, и браузер сделает всю работу за вас. https://developer.mozilla.org/en/docs/Web/CSS/transition