flyPanelsはウェブサイトやWebアプリケーション用のオフキャンバスメニュープラグイン。最新のブラウザをすべてサポート。

1. Google Chrome (Windows, OSX, iOS and Android 4.x)
2. Internet Explorer 11+
3. Firefox 40+
4. Safari 7+
5. Mobile Safari iOS 8+

<!-- You'll need to include flyPanels of course! -->
<script src="jquery.flyPanels.js"></script>

<!-- Some basic CSS is required of course -->
<link rel="stylesheet" href="css/flyPanels.css">

<div class="flypanels-container preload">
  <div class="offcanvas flypanels-left">
    <div class="panelcontent" data-panel="default">
      <p>panel content goes here</p>
    </div>
  </div>
  <div class="flypanels-main">
    <div class="flypanels-topbar">
      <a class="flypanels-button-left icon-menu" data-panel="default" href="#"></a>
      <a class="flypanels-button-right icon-menu" data-panel="default" href="#"></a>
    </div>
    <div class="flypanels-content">
      Your page content goes here...
    </div>
  </div>
  <div class="offcanvas flypanels-right">
    <div class="panelcontent" data-panel="default">
      <p>panel content goes here</p>
    </div>
  </div>
</div>

MIT

• Tag
• jQuery
• Navigation
• Responsive