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

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

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

Ответ 1

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

изменить: Пример здесь

Существуют также методы для класса add/remove/toggle, который также может вас заинтересовать.

Ответ 2

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

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

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

Ответ 3

Отъезд Джеймс Падолси animateToSelector

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

Ответ 4

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