Java プルダウンメニュー

プルダウンメニュー

ポインタが来た時に、メニューを表示し
ポインタをはずすと非表示になる。

<head>～</head>内に設定。

メニュー表示（横） : サンプル（別ウィンドウ）

親メニュー
<a href="#"> に、リンク先を設定。
スタイルシートでポジション指定（absoluteが良い？）
white-space:nowrap で、改行禁止。

子メニュー
<a href="#"> に、リンク先を設定。
id="menu0" に、親メニューに対応したidを設定。
スタイルシートでポジション指定（absoluteが良い？）
visibility:hidden で、ポインタが上にある時以外非表示。
white-space:nowrap で、改行禁止。
これを親メニュー分繰り返す。

これだけでは、いずれかのメニューが表示されたままになるので
「Menu消したい時」の子メニューを以下のようにする。

* ポジション等は適当に変更してください。

メニュー表示（縦） : サンプル（別ウィンドウ）

サンプル・ダウンロード（lzh）

縦の場合は、テーブルを利用すると良いかも。

親メニュー
<a href="#"> に、リンク先を設定。
スタイルシートでポジション指定（absoluteが良い？）

子メニュー
<a href="#"> に、リンク先を設定。
id="menu0" に、親メニューに対応したidを設定。
スタイルシートでポジション指定（absoluteが良い？）
visibility:hidden で、ポインタが上にある時以外非表示。
テーブル内に子メニューリンクを設定。
これを親メニュー分繰り返す。

これだけでは、いずれかのメニューが表示されたままになるので
「Menu消したい時」の子メニューを以下のようにする。

* ポジション等は適当に変更してください。

[ Java | Page Top ]

Java プルダウンメニュー

9.サブメニュー

プルダウンメニュー

メニュー表示（横） : サンプル（別ウィンドウ）

メニュー表示（縦） : サンプル（別ウィンドウ）

8.メインメニュー