W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

ID:.f2XbP さんの質問

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

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

みんなの回答 1 件

ID:seBUaq さんの回答

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

最終更新日:2016-09-02 (706 views)

関連するトピックス

ページ上部に戻る