「アニメーション」カテゴリーアーカイブ

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

jQuery UI の toggle プラグインを使い、徐々に縮小/拡大するアニメーション動作で、要素の表示/非表示を切り替える方法。toggle() の1つ目の引数に、「scale」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。 続きを読む →

jQuery UI の toggle プラグインを使い、要素を点滅させながら、要素の表示/非表示を切り替える方法。toggle() の1つ目の引数に、「pulsate」を指定する。3つ目の引数で、点滅アニメーションの速度を、ミリ秒単位で、調整できる。 続きを読む →

jQuery UI の toggle プラグインを使い、膨らみながら徐々に透明になる、もしくは、縮みながら徐々に不透明になるアニメーション動作で、要素の表示/非表示を切り替える方法。toggle() の1つ目の引数に、「puff」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。 続きを読む →

jQuery UI の toggle プラグインを使い、要素をハイライト表示し、徐々に透明/不透明になるアニメーション動作で、要素の表示/非表示を切り替える方法。toggle() の1つ目の引数に、「highlight」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。 続きを読む →

jQuery UI の toggle プラグインを使い、折りたたむようなアニメーション動作で、要素の表示/非表示を切り替える方法。toggle() の1つ目の引数に、「fold」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。 続きを読む →

jQuery UI の toggle プラグインを使い、破裂するようなアニメーション動作で、要素の表示/非表示を切り替える方法。toggle() の1つ目の引数に、「explode」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。 続きを読む →

jQuery UI の toggle プラグインを使い、スライドしながら徐々に透明/不透明になるアニメーション動作で、要素の表示/非表示を切り替える方法。toggle() の1つ目の引数に、「drop」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。 続きを読む →

jQuery UI の toggle プラグインを使い、クリップが物を挟み込むようなアニメーション動作で、要素の表示/非表示を切り替える方法。toggle() の1つ目の引数に、「clip」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。 続きを読む →

jQuery UI の toggle プラグインを使い、ボールが弾むようなアニメーション動作で、要素の表示/非表示を切り替える方法。toggle() の1つ目の引数に、「bounce」を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。 続きを読む →