「メニュー」カテゴリーアーカイブ

メニューに関する JavaScript のカテゴリ。JavaScript を、HTMLやCSS（スタイルシート）と組み合わせることで、便利なメニューや、スタイリッシュなメニューを作ることができる。

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

投稿日: 2011年4月29日作成者: alphasis

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

カテゴリー: API, JavaScript, jQuery, メニュー, 逆引き | コメントを受け付けていません

投稿日: 2011年4月28日作成者: alphasis

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

カテゴリー: API, JavaScript, jQuery, メニュー, 逆引き | コメントを受け付けていません

投稿日: 2011年4月22日作成者: alphasis

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

カテゴリー: JavaScript, メニュー, 逆引き | コメントを受け付けていません

投稿日: 2011年4月22日作成者: alphasis

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

カテゴリー: JavaScript, メニュー, 逆引き | コメントを受け付けていません

5 / 5«1 2 3 45