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

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

jQuery UI の removeClass で、色やサイズをアニメーションで変更

投稿日: 2011年7月8日 作成者: alphasis

jQuery UI の removeClass プラグインを使い、色やサイズをアニメーション動作で変更する方法。「変更」ボタンを押すと、「アニメーション」というタイトルのボックスの色とサイズをアニメーション動作で変更する。 続きを読む →

カテゴリー: JavaScript, jQuery, jQuery UI, RemoveClass, アニメーション | jQuery UI の removeClass で、色やサイズをアニメーションで変更 はコメントを受け付けていません

jQuery UI の addClass で、色やサイズをアニメーションで変更

投稿日: 2011年7月8日 作成者: alphasis

jQuery UI の addClass プラグインを使い、色やサイズをアニメーション動作で変更する方法。「変更」ボタンを押すと、「アニメーション」というタイトルのボックスの色とサイズをアニメーション動作で変更する。 続きを読む →

カテゴリー: AddClass, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の addClass で、色やサイズをアニメーションで変更 はコメントを受け付けていません

jQuery UI の toggleClass で、色やサイズをアニメーションで切替

投稿日: 2011年7月8日 作成者: alphasis

jQuery UI の toggleClass プラグインを使い、色やサイズをアニメーション動作で切り替える方法。「切替」ボタンを押すと、「アニメーション」というタイトルのボックスの色とサイズをアニメーション動作で切り替える。 続きを読む →

カテゴリー: JavaScript, jQuery, jQuery UI, ToggleClass, アニメーション | jQuery UI の toggleClass で、色やサイズをアニメーションで切替 はコメントを受け付けていません

jQuery UI の toggle を使いアニメーション動作で表示/非表示

投稿日: 2011年7月7日 作成者: alphasis

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

カテゴリー: JavaScript, jQuery, jQuery UI, Toggle, アニメーション | jQuery UI の toggle を使いアニメーション動作で表示/非表示 はコメントを受け付けていません

jQuery UI の Tabs によるアニメーションでタブを切り替えるタブメニュー

投稿日: 2011年7月7日 作成者: alphasis

jQuery UI の Tabs プラグインを使ったタブ型メニューにおいて、タブを切り替えるとき、アニメーション動作で切り替わるようにする方法。アニメーション動作速度も指定することができる。 続きを読む →

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, アニメーション, メニュー | jQuery UI の Tabs によるアニメーションでタブを切り替えるタブメニュー はコメントを受け付けていません

スライダー上のクリックした場所へハンドルをアニメーション移動

投稿日: 2011年6月30日 作成者: alphasis

jQuery UI の Slider プラグインを使ったスライダーにおいて、トラック上のクリックした場所へ、ハンドルを、アニメーション動作で移動させる方法。animate オプションの値に「slow」「normal」「fast」のいづれかを指定する。「slow」はゆっくりとした速度のアニメーション動作、「fast」は早い速度、「normal」はその中間の速度。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Slider, アニメーション | スライダー上のクリックした場所へハンドルをアニメーション移動 はコメントを受け付けていません

アニメーション動作をしながらサイズ変化するボックス

投稿日: 2011年6月4日 作成者: alphasis

jQuery UI の Resizable プラグインを使った、ドラッグ＆ドロップでサイズを変更できるボックスにおいて、大きさを変更するとき、アニメーション動作をしながら、サイズを変化させるには、animate オプションを使う。 続きを読む →

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Resizable, アニメーション | アニメーション動作をしながらサイズ変化するボックス はコメントを受け付けていません

jQuery の animate による連続アニメーション動作

投稿日: 2011年5月9日 作成者: alphasis

連続アニメーション動作は、jQuery の animate の4つ目の引数の complete で、次のアニメーション動作を指定するか、jQuery の animate の 2つ目の引数である options 内の complete に、次のアニメーション動作を指定することで可能。 続きを読む →

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

jQuery の animate のアニメーション終了後に関数を実行

投稿日: 2011年5月9日 作成者: alphasis

jQuery の animate のアニメーション終了後の関数の実行は、animate の引数の complete に、アニメーション終了後に実行したい関数を指定することで可能。 続きを読む →

カテゴリー: animate, API, JavaScript, jQuery, アニメーション | jQuery の animate のアニメーション終了後に関数を実行 はコメントを受け付けていません

jQuery の animate で、透明⇔不透明のアニメーション動作

投稿日: 2011年5月8日 作成者: alphasis

jQuery の animate における、透明から不透明、もしくは、不透明から透明のアニメーション動作は、animate の1つ目の引数である properties 内の opacity に toggle、show、hide、0～1 の数字（0.5など）を指定することで可能。 続きを読む →

カテゴリー: animate, API, JavaScript, jQuery, アニメーション | jQuery の animate で、透明⇔不透明のアニメーション動作 はコメントを受け付けていません
14 / 15« 先頭...1112131415

スポンサード リンク