Simple Dropdown List Plugin - Examples

シンプルだけど使えそうなドロップダウンメニュー実装jQueryプラグイン。
次のような見た目で、クリックするとアニメーションしながら開くドロップダウンを簡単に実装できます。



クリックでアニメーションしながら開きます。



タグ的には<ul><li>のリストでアイテムを定義しておいて、$.simpledropdown(element); で初期化できるようです。
デフォルトのデザインはちょっとカッコ悪いですが、CSSでデザインを直せばそれなりに使えそうですね

<select>じゃなくて、独自デザインで作りたい場合にサクッと実装できそうなので覚えておいてもよいかも。

関連エントリ

• ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」
• コンテンツがたっぷりつまって使いやすそうなドロップダウンメニュー実装デモ＆チュートリアル
• jQueryで幅の大きなドロップダウンメニュー作成チュートリアル
• ドロップダウンメニューのデザインネタ帳