先日、ロールオーバーで良いモジュールがあるという話をしましたが、
メニューが下がるプルダウン形式のモジュールは無いか、興味があって探してみました。
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。
紹介サイトにはモジュールと説明、サンプルがありますのでよく分かると思います。