【Javascript】CSSとJSのシンプルなスライドメニューSwibe

Javascript

swibe

June 9, 2018

SwibeはCSSとJavaScriptのシンプルなスライドメニュー。

Getting Started

swibe.min.jsswibe.min.cssを追加

<link rel="stylesheet" href="swibe.min.css">
<script type="text/javascript" src="swibe.min.js"></script>

メニューを開く要素にidswibe-triggerを追加

<button id="swibe-trigger">Menu</button>

メニューを含む要素にidswibe-menuを追加

<nav id="swibe-menu">
  <ul>
    <li><a>Item</a></li>
    <li><a>Item</a></li>
    <li><a>Item</a></li>
    <li><a>Item</a></li>
  </ul>
</nav>

MIT

Latest Posts

Related Posts