Show / 表示

アニメーション動作させながら、要素を表示させたい場合には、jQuery UI の Show が便利だ。

• jQuery UI の show を使い、アニメーション動作で要素を表示する

  jQuery UI の show プラグインについて。show() の 1つ目の引数は、アニメーション動作の種類。2つ目の引数は、1つ目の引数に指定したアニメーション動作固有のオプション。3つ目の引数はアニメーション動作速度。4つ目の引数は、アニメーション動作後に呼び出す関数。

• jQuery UI の show を使い、ブラインドを閉じるアニメーションで表示する

  jQuery UI の show プラグインを使い、ブラインドを閉じるようなアニメーション動作で、要素を出現させる方法。show() の1つ目の引数に、「blind」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、ボールが弾むようなアニメーションで表示

  jQuery UI の show プラグインを使い、ボールが弾むようなアニメーション動作をさせながら、要素を出現させる方法。show() の1つ目の引数に、「bounce」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、クリップが開くようなアニメーションで表示

  jQuery UI の show プラグインを使い、クリップが開くようなアニメーション動作で、要素を出現させる方法。show() の1つ目の引数に、「clip」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show で、スライドしながら徐々に透明から不透明になる

  jQuery UI の show プラグインを使い、スライドしながら徐々に透明から不透明になるアニメーション動作で、要素を出現させる方法。show() の1つ目の引数に、「drop」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、破裂を逆回転したようなアニメーション

  jQuery UI の show プラグインを使い、破裂を逆回転したようなアニメーション動作で、要素を出現させる方法。show() の1つ目の引数に、「explode」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、折り畳んであるものを広げるように表示

  jQuery UI の show プラグインを使い、折り畳んであるものを広げるようなアニメーション動作で、要素を出現させる方法。show() の1つ目の引数に、「fold」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、ハイライト表示アニメーション後に表示

  jQuery UI の show プラグインを使い、ハイライト表示アニメーション後、要素を出現させる方法。show() の1つ目の引数に、「highlight」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、縮みながら徐々に透明から不透明になる

  jQuery UI の show プラグインを使い、縮みながら徐々に透明から不透明になるアニメーション動作で、要素を出現させる方法。show() の1つ目の引数に、「puff」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、要素を点滅させながら表示させる

  jQuery UI の show プラグインを使い、要素を点滅させながら、要素を出現させる方法。show() の1つ目の引数に、「pulsate」を指定する。3つ目の引数で、点滅アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、徐々に拡大するアニメーションで表示する

  jQuery UI の show プラグインを使い、徐々に拡大するアニメーション動作で、要素を出現させる方法。show() の1つ目の引数に、「scale」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、要素を表示し横に揺らすアニメーション

  jQuery UI の show プラグインを使い、要素を出現させ横に揺らす方法。show() の1つ目の引数に、「shake」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、サイズを徐々に変更させながら表示

  jQuery UI の show プラグインを使い、要素のサイズを徐々に変更しながら、要素を出現させる方法。show() の1つ目の引数に、「size」を指定する。2つ目の引数に、変更後のサイズを指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、左から右へのスライドアニメーションで表示

  jQuery UI の show プラグインを使い、左から右へスライドするアニメーション動作で、要素を出現させる方法。show() の1つ目の引数に、「slide」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。

• jQuery UI の show を使い、徐々に透明から不透明になるアニメーション

  jQuery UI の show プラグインを使い、徐々に透明から不透明になるアニメーション動作で、要素を出現させる方法。show() の1つ目の引数に、「fade」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。