プルダウンモジュール「MenuMatic」

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

Leave a Reply

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

CAPTCHA


*