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) | ある要素の輪郭を別の要素へ転送します。 |