MicroAd(マイクロアド)に登録して自分のWeb/Blogに広告を貼るだけでお小遣いが稼げます。
↓から登録いただければ、報酬アップに必要なサイトランクアップ方法などノウハウを提供します。楽天ぴたっとアドも稼げるのでオススメです。
MicroAd(マイクロアド)の登録はコチラ
楽天ぴたっとアドの登録はコチラ
デザインも綺麗かつ、ユーザビリティに配慮して大量のサブメニュー項目を掲載するドロップダウン型のナビゲーションを実装するCSSとJavaScriptのTipsを紹介したいと思います。
グローバルナビゲーションにマウスを乗せると、サブメニューが存在する場合、展開することは良く見かけるかと思います。それの項目が多い場合の綺麗に見せる方法になります。
サンプル画像とDemoは以下の通りです。

Demoサイト
実装方法など詳細は続きをご覧ください。
↓以下、追記です↓
以下サイトに詳細が載せられています。Mega Drop Down Menus w/ CSS & jQuery
ユーザビリティで配慮したポイントは、ホバー時にドロップダウンが表示されるタイミングらしいです。この微妙なタイミングを実装するために、jQueryのプラグインを利用しているみたいです。また、ドロップダウンされる各サブメニューの階層は、異なるカラム数のレイアウトに対応しており、すべてリスト要素で実装されている仕組みになります。
スポンサーサイト