2009-08-08 20 views
71

JQueryアニメーションを使用する.cssファイルのどこかで定義されたCSSクラスを使用して、すべてのスタイルパラメータを明示的にjquery.animate()に渡す必要はありません。jQuery.animate()は明示的なスタイルなしで

このようなクラスを持つ偽の(例えば不可視な)要素を作成し、CSSのプロパティを読み込んでjquery.animate()に渡すことができます。誰かがより良い方法を知っていますか?

答えて

78

jQueryUIを使用すると、CSSクラスをアニメーション化することができますanimate機能への拡張を提供します。

編集:例here

方法はにもありますが、また、に興味があるかもしれないクラスを切り替え/追加/削除する多くの場合

+0

私はこの拡張機能が追加のCSSプロパティをサポートしているにすぎないと考えました。この動作のドキュメントへのリンクを提供できますか? – Scharrels

+2

http://jqueryui.com/docs/switchClass/ – redsquare

+0

NBがクロムのiircで失敗する – redsquare

4

ジェームズPadolseyのanimateToSelector

イントロをチェックアウト:このjQueryプラグインは、あなたのスタイルシートで指定されたスタイル への任意の要素をアニメーション化する できるようになります。 はすべてセレクタを渡すだけで、 プラグインはそのセレクタを スタイルシートで検索し、 をアニメーションとして適用します。

1

を使用すると、CSSトランジションを使用して、より良いオフにしています。このため、古いブラウザでは、イージングは​​単に瞬時になります。ほとんどのアニメーション(フェードイン/アウトのような)は実装するのが非常に簡単で、ブラウザはあなたのためにすべての訓練を行います。 https://developer.mozilla.org/en/docs/Web/CSS/transition

+0

このリンクは現在壊れています: – Evildonald

関連する問題