jQuery fadeIn()、fadeOut()、fadeTo()の例

jQuery fadeIn()、fadeOut()およびfadeTo()の例

jQueryには、フェード効果を簡単に作成するための3つの便利なメソッドが付属しています。

  1. fadeIn()–一致した要素をフェードイン効果で表示します。

  2. fadeOut()–フェードアウト/透明効果で一致した要素を非表示にします。

  3. fadeTo()–一致した要素を特定の不透明度にフェードします。

上記の3つのメソッドは、パラメータとしてサポート期間(低速、高速、または正確なミリ秒)です。 このパラメーターを省略すると、デフォルトの400ミリ秒が適用されます。

自分で試してください












jQuery fadeIn(), fadeOut() and fadeTo() example

fadeOut() example

Click me - fadeOut()
Click me - fadeOut()

fadeIn() example

Click me - fadeIn()
Click me - fadeIn()

fadeTo() example

Click me - fadeTo()
Click me - fadeTo()