アマゾンのメガドロップダウンメニューを実装できるjQueryプラグイン「jQuery-menu-aim」


20130326 05 1

Amazonのドロップダウンメニューを実装できるjQueryプラグインが良さそうでしたのでご紹介。
アマゾンのメニューの特徴は高速な動きと、マウスが離れてもメニューが出たままになるのが特徴で、タブレット端末でも使いやすいように実装されています。

IT/WEB業界への転職なら求人サイトGreen

何故アマゾンのドロップダウンメニューは使いやすいのか?

アマゾンのドロップダウンメニューが何故使いやすいのかという記事も非常に参考になります。
BREAKING DOWN AMAZON’S MEGA DROPDOWN

サイトは英語ですが、まとめると
・ドロップダウンが超高速である
・ドロップダウンメニューから離れてもメニューが出ている
・ドロップダウンメニューを閉じるのをマウスカーソルの位置を見て遅延させている

なるほど〜と言う感じです。GIFアニメでの解説もあるので一度見てみる事をオススメします。

このプラグインのサンプルはサイトからダウンロードできます。
興味のある方は下のリンクからどうぞ!

kamens/jQuery-menu-aim · GitHub

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly