[JS]ユーザビリティに配慮したドロップダウン型のナビゲーションを実装するチュートリアル
Post on:2009年11月5日
デザインも秀逸ながら、ユーザビリティに配慮して大量の項目を掲載するドロップダウン型のナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009110504.png)
Mega Drop Down Menus w/ CSS & jQuery
demo
ユーザビリティで配慮したポイントは、ホバー時にドロップダウンが表示されるタイミングとのことです。
この微妙なタイミングのずれは、jQueryのプラグイン「hoverIntent」で実装されています。
また、ドロップダウンされる各子階層は異なるカラム数のレイアウトに対応しており、全てリスト要素で実装されています。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009110505.png)
異なるカラムで実装可能
sponsors