JavaScript」カテゴリーアーカイブ

JavaScript(ジャバスクリプト)に関する記事のカテゴリ。JavaScript(ジャバスクリプト)とは、HTML埋め込み型、オブジェクト指向、という特徴を持つ、クライアントサイド・スクリプト言語。HTMLやCSSなどと組み合わせることで、高度なウェブサイトを作れる。

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 で作るシンプルなツリー型メニューボックス はコメントを受け付けていません

月別メッセージ

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

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

曜日別メッセージ

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

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

時間別メッセージ

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

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

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

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

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

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

マウスポインタをメニュー画像の上に合わせると、画像が切り替わる、ロールオーバーメニューのJavaScript。a 要素のイベント属性の onMouseOver とonMouseOut で、JavaScript を呼び出す。 続きを読む

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

マウスポインタの動作でラジオボタンの色を変更

マウスポインタをラジオボタンの上に合わせると、色を反転(背景色と文字色を変化)させ、さらに、選択したラジオボタンの背景色を変え目立たせる。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | マウスポインタの動作でラジオボタンの色を変更 はコメントを受け付けていません

スポンサード リンク