グローバルメニューの仕組み

Question

こちらのような、グローバルメニューでホバーしたら幅いっぱいの下層メニューがでるようにしたいです。
どう検索すればよいかわからず、こちらで教えていただければと思いました。

【追記】
申し訳ありません、ドロップダウンメニューで検索しても、幅いっぱいではなくそのボタンの幅のドロップダウンしか出てこず、この仕組みの名前があるなら教えて頂きたかったのです。
とりあえずソースを見ていじってみます。

Answer 1

このサイトをchromeなどのブラウザで右クリックしてソースコードを表示するとほぼ答えが載っています。
cssファイルも中身が見れるので参考にしてみたらいかがでしょうか。

Answer 2

一気にやろうとしすぎです。
よく回答や指摘にもコメントが出てくるようにそのものズバリが出てくることはほとんどありません。
やりたいことを分解して部品として部品を検索で集め、集めた部品を組み立てる癖をつけてください。

今回の場合は「メニューホバーで下層メニューを出す」ことを実現してから
「下層メニューを幅いっぱいに出す」を実現しましょう。
「クリックでドロップダウンメニュー」とかその辺りを検索すればすぐ出てきます。

追記：
というか、そのサイトのHTMLとCSSとJavaScriptをブラウザの機能「ソースを表示」とかで見て
該当しそうなところを引っ張ってきてもいいんじゃないでしょうか・・。
この「該当しそうなところを引っ張ってくる」取捨選択も意外と勉強になります。

Answer 3

「メガドロップダウンメニュー」というのですね、これでやっと調べられそうです。

Comments

[m.ts10806]

作るのが目的ではなく探すのが目的でしたら他の質問サイトを利用された方がいいですよ。今回のような利用の仕方はteratailの方針に合わないと思います。
https://teratail.com/help/question-tips
https://teratail.com/help/avoid-asking