2006年05月24日 14:33
javascriptとcssの疑似プルダウンメニュー
仕事で仕方なく疑似プルダウンを作ることになり、ちょっと困ってたのですが、作れたのでメモ代わりに。
仕様：
グローバルナビゲーションにロールオーバーしたときに、各ページのローカルメニューが現れて、クリックしたときにはそのローカルメニューは消える。
はじめに、divやulでローカルメニューをつくり、visibility = "hidden";で非表示にしておく。
次に、グローバルナビのaタグに、onmouseover=""でローカルメニューが表示されるようにjavascriptを組む。
ローカルメニューが、ul id="top"だとすると、
document.getElementById("top").style.visibility = "visible";
でロールオーバーの時に表示されるようになる。
これを各グローバルナビに設定していく。
このままだと、現れたローカルメニューが消えないので、
bodyにでも（何でもいいですけどね） onmouseup="消えるスクリプト";を仕込めばOK!
サンプルは、、、またあげておきます。
| パーマリンク