CSSのみで実装
【CSS】CSSだけでドロップダウンメニューを作ろう
ドロップダウンメニューを実装しました。
ドロップダウンを作成する場合、リストの中にリストを入れ込む必要があります。
そして、入れ子になっているリストは通常時は非表示にする必要があるため、
display:none で非表示にしておく必要があります。
次に表示されているメニューにマウスオーバーしたら、
所定の位置に表示するように表示するという設定をすれば実装することができます。
ドロップメニューの活用法
グローバルメニューにサブメニューを追加したい時に用いるようにしたい。
プロフィール
氏名 | 伊藤 智央 |
---|---|
出身地 | 埼玉県春日部市 |
(現)職業 | Webデザイナー |
前職業 | IT系テクニカルサポート |
姉妹サイト | ひとりでもJavaScriptがあればゲームが作れる 妄想8割?現実2割 |