年別アーカイブ: 2011

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 の slider.js による横スライダーの基本

script.aculo.us ライブラリの slider.js による横方向のスライダーの基本的使い方。スライダーのハンドルをドラッグし左右に動かすと、現在の値を動的に表示し、最終的には、移動後の位置の値を表示する。スライダーのトラック部分をクリックすると、瞬時に、その位置へハンドルが動く。 続きを読む

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

jQuery で作る多階層ツリーメニュー

多階層のツリーメニューは、jQuery で簡単に作れる。トップ階層のメニュー横の▼をクリックすると、第2階層のサブメニューが現れる。トップ階層のメニュー横の▼を再びクリックすると、第2階層のサブメニューが折りたたまれる。第2階層のサブメニュー横の▼をクリックすると、第3階層のサブメニューが現れる。 続きを読む

カテゴリー: API, JavaScript, jQuery, メニュー, 逆引き | jQuery で作る多階層ツリーメニュー はコメントを受け付けていません

jQuery で作るアコーディオンメニュー

2階層の上下開閉式アコーディオン型メニューは、jQuery で簡単に作れる。さらに、css で飾って、ボックスにしてみた。メニュー欄をクリックすると、クリックしたメニューのサブメニューが現れ、クリックしたメニュー以外のサブメニューが開いていた場合は、そのサブメニューを閉じる。 続きを読む

カテゴリー: API, JavaScript, jQuery, メニュー, 逆引き | jQuery で作るアコーディオンメニュー はコメントを受け付けていません

jQuery で作るシンプルなツリー型メニューボックス

2階層の開閉式ツリー型メニューは、jQuery で簡単に作れる。さらに、css で飾って、ボックスにしてみた。メニュー欄をクリックすると、サブメニューが現れる。メニュー欄を再びクリックすると、サブメニューが折りたたまれる。このページで紹介するのは、2階層のシンプルなもの。 続きを読む

カテゴリー: API, JavaScript, jQuery, メニュー, 逆引き | jQuery で作るシンプルなツリー型メニューボックス はコメントを受け付けていません

WordPress で jQuery を使うには

WordPress で jQuery を使うには、jQuery 用 JavaScript ソースコードの、「$」を、「jQuery」に置き換える必要がある。 続きを読む

カテゴリー: WordPress, チュートリアル | WordPress で jQuery を使うには はコメントを受け付けていません

月別メッセージ

JavaScript 、 CSS 、 HTML で作る、月別メッセージ。月に応じたメッセージを表示させることができる。例えば、12月に、「今年もあとわずかですね」と表示させたり、1月に、「あけましておめでとう」と表示させたりできる。 続きを読む

カテゴリー: JavaScript, 時間, 逆引き | 月別メッセージ はコメントを受け付けていません

曜日別メッセージ

JavaScript 、 CSS 、 HTML で作る、曜日別メッセージ。今日の曜日に応じたメッセージを表示させることができる。例えば、日曜日に、「待ちに待った日曜日♪」と表示させたり、月曜日に、「今週も頑張りましょう!」と表示させたりできる。 続きを読む

カテゴリー: JavaScript, 時間, 逆引き | 曜日別メッセージ はコメントを受け付けていません

時間別メッセージ

JavaScript 、 CSS 、 HTML で作る、時間別メッセージ。現在の時刻に応じたメッセージを表示させることができる。例えば、12時台に、「お昼ですね」と表示させたり、8時台に、「おはようございます」と表示させたりできる。 続きを読む

カテゴリー: JavaScript, 時間, 逆引き | 時間別メッセージ はコメントを受け付けていません

画像によるロールオーバーメニュー [2]

マウスポインタをメニュー画像の上に合わせると、画像が切り替わる、ロールオーバーメニューのJavaScript。このページで紹介するのは、ページ読み込み時の最初のメニュー画像表示も、JavaScript で生成するタイプなので、メニューが増えても、簡単に対応できる。 続きを読む

カテゴリー: JavaScript, メニュー, 逆引き | 画像によるロールオーバーメニュー [2] はコメントを受け付けていません

スポンサード リンク