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

アニメーション(動き)に関する JavaScript のカテゴリ。jQuery、script.aculo.us などのライブラリを使うと、動きのあるコンテンツを、簡単に実現できる。

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

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

カテゴリー: JavaScript, jQuery, jQuery UI, Show, アニメーション | jQuery UI の show を使い、クリップが開くようなアニメーションで表示 はコメントを受け付けていません

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

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

カテゴリー: JavaScript, jQuery, jQuery UI, Show, アニメーション | jQuery UI の show を使い、ボールが弾むようなアニメーションで表示 はコメントを受け付けていません

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

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

カテゴリー: JavaScript, jQuery, jQuery UI, Show, アニメーション | jQuery UI の show を使い、ブラインドを閉じるアニメーションで表示する はコメントを受け付けていません

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

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

カテゴリー: JavaScript, jQuery, jQuery UI, Show, アニメーション | jQuery UI の show を使い、アニメーション動作で要素を表示する はコメントを受け付けていません

jQuery UI の hide を使い、徐々に透明になるアニメーションで非表示に

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

カテゴリー: Hide, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の hide を使い、徐々に透明になるアニメーションで非表示に はコメントを受け付けていません

jQuery UI の hide を使い、スライドするアニメーションで要素を非表示に

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

カテゴリー: Hide, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の hide を使い、スライドするアニメーションで要素を非表示に はコメントを受け付けていません

jQuery UI の hide で、要素のサイズを徐々に変更後、非表示にする

jQuery UI の hide プラグインを使い、要素のサイズを徐々に変更するアニメーション動作後、要素を非表示にする方法。hide() の1つ目の引数に、「size」を指定する。2つ目の引数に、変更後のサイズを指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。 続きを読む

カテゴリー: Hide, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の hide で、要素のサイズを徐々に変更後、非表示にする はコメントを受け付けていません

jQuery UI の hide で、徐々に縮小するアニメーションで非表示にする

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

カテゴリー: Hide, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の hide で、徐々に縮小するアニメーションで非表示にする はコメントを受け付けていません

jQuery UI の hide を使い、点滅させながら要素を非表示にする

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

カテゴリー: Hide, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の hide を使い、点滅させながら要素を非表示にする はコメントを受け付けていません

jQuery UI の hide で、膨らみながら徐々に透明になるアニメーション

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

カテゴリー: Hide, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の hide で、膨らみながら徐々に透明になるアニメーション はコメントを受け付けていません

スポンサード リンク