先日、ロールオーバーで良いモジュールがあるという話をしましたが、
メニューが下がるプルダウン形式のモジュールは無いか、興味があって探してみました。
CSSやSpryでも同様の機能はありますが、アニメーションするものが希望という制限で探しています。
また、プルダウン形式のモジュールは「アコーディオン」「ドロップダウン」など他の名称が付いてるものもあります。
MenuMatic
見た目の綺麗で使いやすそうなモジュールです。モジュールはコチラからダウンロードできます。
http://greengeckodesign.com/projects/menumatic.aspx
導入はさほど難しくありませんが、リンク先の説明を掲載します。
MenuMatic導入方法
- mootools-1.2とMenuMatic_0.67.jsをDL、解凍します。
- HTMLでこれら2つのモジュールを読み込みます。
- <script src=”js/mootools-1.2-core-min.js” type=”text/javascript”></script>
- <script src=”js/MenuMatic_0.67.js” type=”text/javascript”></script>
- CSSも読み込み
- <link rel=”stylesheet” href=”css/MenuMatic.css” type=”text/css” media=”all” />
- HTML内にリストタグ<ul id=”nav”>を記述していけばOK。
紹介サイトにはモジュールと説明、サンプルがありますのでよく分かると思います。