[JS]ドリルダウンやフライアウトなど、アニメーションのエフェクトを持つナビゲーションのスクリプト -fg.menu

Post on:2009年4月5日

sponsors

iPod風のドリルダウン型、飛び出すエフェクトのフライアウト型、シンプルなドロップダウン型など、アニメーションのエフェクトを持ったナビゲーションのスクリプトをfilament groupから紹介します。

上記のデモでは、クリックした項目のパネルが次々にスライドするドリルダウン型のナビゲーションで、上部にはパンくずが実装されています。

パンくず機能の代わりに、戻る機能の「Back」ボタンが実装されているものもあります。

下記は、飛び出すエフェクトのフライアウト型のナビゲーションです。選択した箇所が、次々に飛び出します。

最後は、シンプルなドロップダウン型のナビゲーションです。シンプルながらも気持ちいいアニメーションで開閉します。

fg.menuはjQueryのプラグインのため、実装はjquery.jsが必要です。
jQuery.UIを使用することでデザインを簡単に変更できます。