Long Dropdowns

縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」
ドロップダウンメニューは限られたスペース内に沢山のナビゲーションを埋め込めるということで便利なのですが、多くなって縦に長くなってしまうと、下のほうのアイテムがクリックしづらくなります。



これを使いやすくしたのが今回のサンプル。
マウスを下に移動すると、少しのマウス移動でメニュー自体が上にニュイーンと上がってきてくれます。
結果的にカーソル移動量が少なくなって使いやすくなります。



最初は驚くかもしれませんが、なれると便利ですし、一番したまでいってもループして戻ってくるという仕様なので、見逃した、という失敗も避けられます。
これは新しい上に、なかなか合理的なＵＩではないでしょうか。

関連エントリ

• ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
• ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集
• デザインの参考になるユニークなナビゲーション集