FormBox ? A jQuery & CSS3 Drop-Down Menu With Integrated Forms | AddyOsmani.com | Where User Interface Ideas Grows

jQueryとCSS3でドロップダウンメニューにフォームを埋め込んでしまうデモ
メニューにカーソルを合わせるとドロップダウンメニューがアニメーションしながら現れてフォームが表示されるというUIの例と実装サンプルです。
スペースを取ることなく、コンパクトにログインフォーム等を埋めこむことが実現出来ています。



ログインしない人にとっては邪魔なブロックなので、使わない場合は最小化しておくというのはなかなか合理的なUIですね。
サイトの特性などに応じて実装すればサイトの利便性を大きく向上することができそうです。

関連エントリ

• ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」
• ドロップダウンメニューのデザインネタ帳
• ビローンと伸びるドロップダウンメニュー実装jQueryサンプル