マウスオーバーでドロップダウンメニューを表示します。
定番のドロップダウンメニューですが、ブラウザ間での動作の違いなどに悩まされることも多いもので、極力シンプルなスクリプトで処理しています。
→dropdown.js(スクリプト)※prototype.jsが必要です。
HTMLは、リストタグを使って、
クラス名.pmenuのAタグに続けてクラス名.cmenuのdiv要素に表示するAタグのリストをネスト。
CSSで親リストのliタグをposition:relative、
.cmenuをdisplay:none、position:absoluteに。
備忘録として。。