リストタグのメニューをCSSで装飾してみる(2)
昨日の続き。
DHTMLを使って、ポップアップでサブメニューを表示するようにしてみた。
なんか無駄に複雑になって解説するのが面倒になってしまったので、解説は後日。
追記(05/07/29)
日にちが経つと、さらに面倒になってきたので、要点だけ。
- リストをネストし、親のリストにonMouseoverを設定してイベントを取得
(aタグだけでイベント取得をしようとすると、子のリストに移動できない) - 子のリストはposition:absoluteにして絶対位置を指定
- 子のリストの表示、非表示の指定は(hoge) ? "aaa": "aaa"を使用。こういう書き方もあるんですね。