投稿者「alphasis」のアーカイブ

jQuery UI の toggle で、ブラインドを開閉するようなアニメーション

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

カテゴリー: JavaScript, jQuery, jQuery UI, Toggle, アニメーション | jQuery UI の toggle で、ブラインドを開閉するようなアニメーション はコメントを受け付けていません

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

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

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

jQuery UI で、クリックした要素を特定の要素へ転送するアニメーション

jQuery UI の effect プラグインを使い、クリックした要素を、特定の要素へ転送するアニメーション。effect() の1つ目の引数に、「transfer」を指定する。2つ目の引数で、転送先を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。 続きを読む

カテゴリー: Effects, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI で、クリックした要素を特定の要素へ転送するアニメーション はコメントを受け付けていません

jQuery UI の effect を使いスライドアニメーションで要素を出現させる

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

カテゴリー: Effects, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の effect を使いスライドアニメーションで要素を出現させる はコメントを受け付けていません

jQuery UI で、要素のサイズを徐々に変更するアニメーション

jQuery UI の effect プラグインを使った、要素のサイズを徐々に変更するアニメーション。effect() の1つ目の引数に、「size」を指定する。2つ目の引数で、要素のサイズ(幅と高さ)を指定する。3つ目の引数で、アニメーション動作速度を、ミリ秒単位で、調整できる。 続きを読む

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

jQuery UI の effect を使い、クリックで要素を横に揺らす

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

カテゴリー: Effects, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の effect を使い、クリックで要素を横に揺らす はコメントを受け付けていません

jQuery UI の effect を使った、徐々に拡大するアニメーション

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

カテゴリー: Effects, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の effect を使った、徐々に拡大するアニメーション はコメントを受け付けていません

jQuery UI の effect を使った、徐々に縮小するアニメーション

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

カテゴリー: Effects, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の effect を使った、徐々に縮小するアニメーション はコメントを受け付けていません

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

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

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

jQuery UI の effect を使い、クリックで要素をハイライト表示

jQuery UI の effect プラグインを使い、クリックで、要素をハイライト表示する方法。effect() の1つ目の引数に、「highlight」を指定する。3つ目の引数で、ハイライト表示している時間を、ミリ秒単位で、調整できる。 続きを読む

カテゴリー: Effects, JavaScript, jQuery, jQuery UI, アニメーション | jQuery UI の effect を使い、クリックで要素をハイライト表示 はコメントを受け付けていません