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

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

jQuery の animate による同時多発アニメーション

同時多発アニメーションは、jQuery の animate( properties, options ) メソッドの2つ目の引数のoptions(オプション)内で、 queue(キュー) に false を指定することで可能。 queue に false を指定すると、複数のアニメーションを、同時に実行する。 queue に true を指定すると、複数のアニメーションを、順番に実行する。 続きを読む

カテゴリー: animate, API, JavaScript, jQuery, アニメーション, エフェクト, カスタム | jQuery の animate による同時多発アニメーション はコメントを受け付けていません

jQuery の Horizontal Accordian を使った水平型アコーディオン③

jQuery の Horizontal Accordian プラグインを使って作った水平型アコーディオン③。5つ並んだ地球をモチーフにした縦長の画像をクリックすると、それぞれの内容をスライド・アニメーション動作しながら開く。 続きを読む

カテゴリー: Horizontal Accordion, JavaScript, jQuery, アニメーション, パネル, プラグイン | jQuery の Horizontal Accordian を使った水平型アコーディオン③ はコメントを受け付けていません

jQuery の Horizontal Accordian を使った水平型アコーディオン②

jQuery の Horizontal Accordian プラグインを使って作った水平型アコーディオン②。1から5までの番号を割り振ったシンプルな縦長の画像をクリックすると、それぞれの内容をスライド・アニメーション動作しながら開く。 続きを読む

カテゴリー: Horizontal Accordion, JavaScript, jQuery, アニメーション, パネル, プラグイン | jQuery の Horizontal Accordian を使った水平型アコーディオン② はコメントを受け付けていません

jQuery の Horizontal Accordian を使った水平型アコーディオン①

jQuery の Horizontal Accordian プラグインを使って作った水平型アコーディオン①。5つ並んだ弓状で縦長の画像をクリックすると、それぞれの内容をスライド・アニメーション動作しながら開く。 続きを読む

カテゴリー: Horizontal Accordion, JavaScript, jQuery, アニメーション, パネル, プラグイン | jQuery の Horizontal Accordian を使った水平型アコーディオン① はコメントを受け付けていません

jQuery Horizontal Accordion

jQuery の Horizontal Accordian プラグインについて。 Horizontal Accordian プラグインを使うと、水平型アコーディオンを簡単に作ることができる。 続きを読む

カテゴリー: Horizontal Accordion, JavaScript, jQuery, アニメーション, パネル, プラグイン | jQuery Horizontal Accordion はコメントを受け付けていません

jQuery の Cycle で、右上から現れて右下へ消えるスライドショー

jQuery の Cycle プラグインを使い、右上から現れて右下へ消えるアニメーションで切り替わるスライドショーを作る方法。右上から現れて右下へ消えるアニメーションで切り替えるようにするには、「fx」オプションに「custom」を指定し、さらに「cssBefore」「animIn」「animOut」オプションを使う。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle で、右上から現れて右下へ消えるスライドショー はコメントを受け付けていません

jQuery の Cycle で画像でないスライドのスクロール切替スライドショー

jQuery の Cycle プラグインを使い、右から左へスクロールするアニメーションで切り替わるスライドショーにおいて、スライドに画像でない要素を使用するサンプル。右から左へスクロールするアニメーションで切り替えるようにするには、fx オプションに「scrollLeft」を指定する。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン | jQuery の Cycle で画像でないスライドのスクロール切替スライドショー はコメントを受け付けていません

スライド上の左右をクリックし前後のスライドへ切り替えるスライドショー

jQuery の Cycle プラグインを使い、水平方向(左右)へスクロールするアニメーションで切り替わるスライドショーにおいて、スライド画像の右側をクリックすると、次のスライド画像へ切り替わり、スライド画像の左側をクリックすると、前のスライド画像へ切り替わるようにする方法。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | スライド上の左右をクリックし前後のスライドへ切り替えるスライドショー はコメントを受け付けていません

jQuery の Cycle で、前後手動切替の水平スクロール・スライドショー

jQuery の Cycle プラグインを使い、水平方向(左右)へスクロールするアニメーションで切り替わるスライドショーにおいて、リンク要素をクリックすることで、次のスライド画像にも、前のスライド画像にも、切り替えられるようにする方法。次のスライド画像にも、前のスライド画像にも、切り替えられるようにするには、next オプションと prev オプションを使う。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle で、前後手動切替の水平スクロール・スライドショー はコメントを受け付けていません

jQuery の Cycle のスライドショーで切替の前後に関数を呼び出す

jQuery の Cycle プラグインを使った、左上から右下へ向かって拭うようなアニメーションで切り替わるスライドショーにおいて、スライド切替アニメーション中とスライド表示中に表示するテキストを指定する方法。before オプションとafter オプションで、切替アニメーション前後にテキストを表示する関数を呼び出す。 続きを読む

カテゴリー: Cycle, JavaScript, jQuery, アニメーション, プラグイン, 画像 | jQuery の Cycle のスライドショーで切替の前後に関数を呼び出す はコメントを受け付けていません
3 / 1512345...10...最後 »

スポンサード リンク