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

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

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

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

jQuery Easing Plugin | エフェクト動作パターン集

jQuery Easing Plugin は、jQuery のエフェクト動作パターン集のようなプラグイン。jQuery Easing Plugin を導入すると、30種類以上もの、変化に富んだ動作パターンを使えるようになる。 続きを読む

カテゴリー: Easing, JavaScript, jQuery, アニメーション, プラグイン | jQuery Easing Plugin | エフェクト動作パターン集 はコメントを受け付けていません

jQuery の animate の動作パターンを指定する方法

jQuery の animate の動作パターンは、easing に linear と、swing などを指定するこで変更することができる。jQuery にデフォルトで用意されているのは、linear と swing のシンプルな動作パターン。 続きを読む

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

jQuery の animate の速度(動作時間)を指定する方法

jQuery の animate の速度(動作時間)は、slow、normal、fast、ミリ秒単位の時間などで指定できる。animate の2つ目の引数で直接指定する方法と、animate の2つ目の引数である options 内の duration: ‘速度’; で指定する方法がある。 続きを読む

カテゴリー: animate, API, JavaScript, jQuery, アニメーション, エフェクト, カスタム | jQuery の animate の速度(動作時間)を指定する方法 はコメントを受け付けていません

jQuery の animate の横方向の出現や隠す動作

jQuery の animate の横方向の出現や隠す動作は、width に、show、hide、toggle などを指定することで可能。animate の1つ目の引数である properties 内の width: *** に指定する。 続きを読む

カテゴリー: animate, API, JavaScript, jQuery, アニメーション, エフェクト, カスタム | jQuery の animate の横方向の出現や隠す動作 はコメントを受け付けていません

jQuery の animate の縦方向の出現や隠す動作

jQuery の animate の縦方向の出現や隠す動作は、height に、show、hide、toggle などを指定することで可能。animate の1つ目の引数である properties 内の height: *** に指定する。 続きを読む

カテゴリー: animate, API, JavaScript, jQuery, アニメーション, エフェクト, カスタム | jQuery の animate の縦方向の出現や隠す動作 はコメントを受け付けていません

script.aculo.us のスライダーを使った評価フォーム

script.aculo.us ライブラリの slider.js による画像スライダーを使った評価フォーム。input 要素の type 属性に hidden を指定した、非表示データ用フィールドの値に、スライダーの値を、JavaScript で動的に入力することで、スライダーの値を送信できるようになる。 続きを読む

カテゴリー: GUI, JavaScript, prototype.js, script.aculo.us, slider, フォーム | script.aculo.us のスライダーを使った評価フォーム はコメントを受け付けていません

script.aculo.us のスライダーのトラックとハンドルを画像で表示

script.aculo.us ライブラリの slider.js によるスライダーのトラックを、メモリ付き画像にする。スライダーのハンドルは、、下のトラックがかすかに透けて見えるように、透過画像にする。マウスをポイントすると、画像を変える。 続きを読む

カテゴリー: GUI, JavaScript, prototype.js, script.aculo.us, slider | script.aculo.us のスライダーのトラックとハンドルを画像で表示 はコメントを受け付けていません

script.aculo.us の slider.js による逆向き縦スライダー

script.aculo.us ライブラリの slider.js による縦方向のスライダーは、通常、上が最小値、下が最大値だが、これを逆にし、上が最大値、下が最小値にする。 続きを読む

カテゴリー: GUI, JavaScript, prototype.js, script.aculo.us, slider | script.aculo.us の slider.js による逆向き縦スライダー はコメントを受け付けていません

script.aculo.us のスライダーの範囲値、初期値、移動値を指定

script.aculo.us ライブラリの slider.js による横方向のスライダーにおいて、値の範囲、初期値、ハンドル移動時の値を指定する方法。スライダーのハンドルをドラッグし左右に動かすと、設定した範囲内で、なおかつ、あらかじめ設定しておいた移動時の値を、動的に表示する。 続きを読む

カテゴリー: GUI, JavaScript, prototype.js, script.aculo.us, slider | script.aculo.us のスライダーの範囲値、初期値、移動値を指定 はコメントを受け付けていません