mootoolsを使ったスライド式メニュー - Menu Matic

mootoolsを使った非常に軽快に動くスライドメニューです。縦バージョンと横バージョンがあり若干半透明になっていい感じです。
サンプルがあるので簡単に設置できると思います。 外部ファイルはいくつか読み取りますが、htmlは非常にシンプルなので助かりますね。
<link rel="stylesheet" href="css/MenuMatic.css" type="text/css" media="all" />
...
<ul id="nav">
  <li><a href="#" >Link 1</a></li>
  <li><a href="#" >Link 2</a>
    <ul>
      <li><a href="#" >Link3</a></li>
      <li><a href="#" >Link4</a></li>
    </ul>
  </li>
  <li><a href="#" >Link 5</a></li>
</ul>
...
<script type="text/javascript" src="http://www.google.com/jsapi" ></script>
<script type="text/javascript" > google.load("mootools", "1.2.1"); </script>
<script type="text/javascript" src="js/MenuMatic_0.68.3.js" ></script>
<script type="text/javascript" >
    window.addEvent('domready', function() {
    var myMenu = new MenuMatic();
  });
</script>
mootoolsはなにげにGoogle AJAX Libraries APIを使ってますね。
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加