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

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

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

4 71
jquery

4 ответа:

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

edit пример здесь

есть также методы добавить/удалить/тумблер класс, который вы также можете быть заинтересованы.

78

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

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

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

6

проверить animateToSelector

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

4

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

1