ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」
2010年05月19日-
スポンサード リンク
Plugins | jQuery Plugins
ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」。
ドロップダウンメニューといえば、複数のアイテムが表示され、クリックするとページ移動するというのが普通の動きですが、ドロップダウンメニュー内に好きなコンテンツを入れこんでしまうことが出来るのがMegaMenu。
一見何の変哲もないナビゲーション

マウスオーバーすると、テーブルコンテンツがアニメーションしながら表示されます。

フォームだって埋め込んでしまえます。ログインフォームなんかを置くといいのかも

リストも次のように綺麗に表示されます。リンクを貼って普通にメニューのように使うことも出来ますね。

段落を埋め込んだ例

そして、ワンライナーなコンテンツを入れることも可能

ありそうで無かったかもしれません。ドロップダウン内に好きなHTMLを入れたい際に便利に使えそうですね。
関連エントリ
ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」。
ドロップダウンメニューといえば、複数のアイテムが表示され、クリックするとページ移動するというのが普通の動きですが、ドロップダウンメニュー内に好きなコンテンツを入れこんでしまうことが出来るのがMegaMenu。
一見何の変哲もないナビゲーション

マウスオーバーすると、テーブルコンテンツがアニメーションしながら表示されます。

フォームだって埋め込んでしまえます。ログインフォームなんかを置くといいのかも

リストも次のように綺麗に表示されます。リンクを貼って普通にメニューのように使うことも出来ますね。

段落を埋め込んだ例

そして、ワンライナーなコンテンツを入れることも可能

ありそうで無かったかもしれません。ドロップダウン内に好きなHTMLを入れたい際に便利に使えそうですね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- ダークモード対応のミニマルなHTMLページを作れるCSS「spcss」
- CSSのみで実現できるローディングアニメーションやエフェクト集「Css Effects」
- スムーズに横スクロールするレイアウトサンプル
- 斬新なページメニューが作れる「Inline Menu Layout with Gallery Panel」
- 世界中で今何時を計算できる「Spacetime」
- シンプルなタブUIを実現できる「Skeletabs」
- テキストを省略してブロックを小さくできる「Cuttr.js」
- インタラクティブに動く立体的なテキストを生成「ztext.js」
- WebGLを使った動画の切り替えアニメーション実装
- スクロールにあわせて動くイメージタイル実装
- 過去のエントリ