jQueryのrb_menuプラグインを利用したスライディングメニュー

説明補足説明コード分割コード関連書籍コメント投稿

このサンプルは、jQueryのrb_menu()プラグインを利用してスライド型のメニューを表示します。マウスを「menu」上に移動するとメニューがスライドして表示されます。マウスを「menu」の外に移動するとメニューが消えます。

このサンプルは、jQueryのrb_menu()プラグインを利用してスライド型のメニューを表示します。マウスを「menu」上に移動するとメニューがスライドして表示されます。マウスを「menu」の外に移動するとメニューが消えます。 



$(function() {
  $('#menu1').rb_menu();
});   


<div id="menu1" class="menu">
  <div class="rb_toggle">
    <span>menu »</span></div>
  <div class="rb_menu">
    <ul>
      <li><a href="http://jsajax.com">Home</a></li>
      <li><a href="#">Facts</a></li>
      <li><a href="#">Projects</a></li>
      <li><a href="#">Press</a></li>
      <li><a href="#">Jobs</a></li>
      <li><a href="#">Contacts</a></li>
      <li><a href="#">Log in</a></li>
    </ul>
  </div>
</div>