jQuery UI API カテゴリ -エフェクト(Effects)

jQuery UI は、jQuery 組み込みのエフェクトにいくつかの機能を追加します。jQuery UI はカラーアニメーションと Class の切り替えをサポートし、いくつかの追加のEasings。さらに、要素を表示または非表示にするとき、または単に視覚的な表示を追加するときに使用できる、完全なカスタムエフェクトのセットを提供します。

API 説明 カテゴリにも属します
.addClass() アニメーションのスタイルが変更されるとき、一致する要素セット内の各要素に指定された Class を追加します。 エフェクトコア(Effects Core) | メソッドオーバーライド(Method Overrides)
ブラインドエフェクト(Blind Effect) ブラインドエフェクト(Blind Effect)は、要素をコンテナ内に包み込み、「ブラインドを引く」ような効果で要素を非表示または表示します。
バウンスエフェクト(Bounce Effect) バウンスエフェクト(Bounce Effect)は、要素をバウンドさせます。非表示または表示と一緒に使用すると、最後または最初のバウンスがフェードイン/フェードアウト効果を示します。
クリップエフェクト(Clip Effect) クリップエフェクト(Clip Effect)は、要素を垂直または水平方向にクリップして、要素を非表示または表示します。
カラーアニメーション(Color Animation) .animate() を使用してカラーアニメーション効果を実現します。
ドロップエフェクト(Drop Effect) ドロップエフェクト(Drop Effect)は、単一方向にスライドするフェードイン/フェードアウトによって、要素を非表示または表示します。
Easings Easing 関数は、アニメーションのさまざまなポイントでの進行速度を指定します。
.effect() 要素にアニメーションエフェクトを適用します。 エフェクトコア(Effects Core) | メソッド(Method)
エクスプロードエフェクト(Explode Effect) エクスプロードエフェクト(Explode Effect)は、要素を断片に分裂させて、要素を非表示または表示します。
フェードエフェクト(Fade Effect) フェードエフェクト(Fade Effect)は、要素をフェードイン/フェードアウトさせて、要素を非表示または表示します。
フォールドエフェクト(Fold Effect) フォールドエフェクト(Fold Effect)は、要素を折りたたんで、要素を非表示または表示します。
.hide() カスタムエフェクトを使用して、一致する要素を非表示にします。 エフェクトコア(Effects Core) | メソッドオーバーライド(Method Overrides) | メソッド(Method)
ハイライトエフェクト(Highlight Effect) ハイライトエフェクト(Highlight Effect)は、最初に背景色を変更することで、要素を非表示または表示します。
パフエフェクト(Puff Effect) 要素を拡大縮小しながら非表示にすることで、パフエフェクト(Puff Effect)を作成します。
パルセイトエフェクト(Pulsate Effect) パルセイトエフェクト(Pulsate Effect)は、脈動させて要素を非表示または表示します。
.removeClass() アニメーションのスタイルが変更されるとき、一致する要素セット内の各要素から指定された Class を削除します。 エフェクトコア(Effects Core) | メソッドオーバーライド(Method Overrides)
スケールエフェクト(Scale Effect) 要素を特定のパーセンテージで拡大縮小します。
シェイクエフェクト(Shake Effect) 要素を垂直または水平方向に複数回振動させます。
.show() カスタムエフェクトを使用して、一致する要素を表示します。 エフェクトコア(Effects Core) | メソッドオーバーライド(Method Overrides) | メソッド(Method)
サイズエフェクト(Size Effect) 要素のサイズを指定された幅と高さに調整します。
スライドエフェクト(Slide Effect) 要素をビューポートの外へスライドさせます。
.switchClass() アニメーションのスタイルが変更されるとき、一致する要素セット内の各要素に指定された Class を追加および削除します。 エフェクトコア(Effects Core)
.toggle() カスタムエフェクトを使用して、一致する要素を表示または非表示にします。 エフェクトコア(Effects Core) | メソッドオーバーライド(Method Overrides) | メソッド(Method)
.toggleClass() アニメーションのスタイルが変更されるとき、Class の有無と switch パラメータの値に応じて、一致する要素セット内の各要素に 1 つ以上の Class を追加または削除します。 エフェクトコア(Effects Core) | メソッドオーバーライド(Method Overrides)
トランスファーエフェクト(Transfer Effect) ある要素の輪郭を別の要素へ転送します。
その他の拡張