逆引き」カテゴリーアーカイブ

JavaScriptやjQueryで作った、ちょっと便利なサンプルの、逆引き的カテゴリアーカイブ。

jQuery UI の toggle で、クリップが挟むようなアニメーションの表示切替

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

カテゴリー: JavaScript, jQuery, jQuery UI, Toggle, アニメーション | jQuery UI の toggle で、クリップが挟むようなアニメーションの表示切替 はコメントを受け付けていません

jQuery UI の toggle を使い、弾むようなアニメーションで表示/非表示

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

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

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 を使った、徐々に縮小するアニメーション はコメントを受け付けていません

スポンサード リンク