ID:.f2XbPYV/wCj さんの質問

622 views

cssフレームワーク「Materialize」を使用して、サイト制作をしています。
http://materializecss.com/
(公式ホームページ)
の中に、テンプレートコード例があるので、それを見ながら作成しているのですが、
ナビゲーションボタンのところで行き詰まってしまいました。
同サイト ショーケース中にある
http://materializecss.com/showcase.html
https://artofwhere.com/

http://emerald.sekizgen.net/
などのサイトのように
「navバーをマウスオーバーすると1段組~4段組のメニューが展開する仕組み」を作りたいのですが、サイトを見たり、公式ホームページのテンプレートを見て解析したり試行錯誤もしたのですが、構造がよくわかりません。
同フレームワークのみで出来ているのか、別にjavascriptやjQueryを使用しているのかなどもわからないです。
英語の能力がほとんど無いせいもあるのですが、何かご助言頂けると幸いです。取り組み方でも、ここのテンプレートを参考にして、でも構いませんので、何か前にすすめるお手伝いをしいただければ幸いです。

登録日:2016-09-01 · カテゴリー:HTML・CSS

みんなの回答 1 件

2016-09-02 · ID:seBUaqe0u38p 報告

CSSのみの場合だと、「ul li:hover ul{display:block}」でサブメニュー表示。
jquery(js)の場合だと、$("ul li").hover(...省略...)$(this).addClass("select")でclass追加して適宜CSSでdisplay:block;して表示。

回答の受付は終了しました。

関連トピック