HTML,CSSの参考になれば

マウスを載せると階層化された子要素がプルダウン形式で表示させます。

親要素がホバーされた時に子要素に変化を付ける方法

参考HTML

CSS

かなり省略しているが、#sub-navは元はdisplay:block;をつけている状態です。

またこれだけでは、表示されたサブナビがその他のブロックに干渉するので絶対表示などを行いそれを避ける必要がある。

シェアする

  • このエントリーをはてなブックマークに追加