jQuery fullscreenMenuはフルスクリーンメニューをアニメーションのハンバーガーアイコンで表示します。

HTMLにアイコンとメニューオーバーレイを作成

<div id="nav-icon1">
  <span></span>
  <span></span>
  <span></span>
</div>

<div id="overlay">
  <div>
      <ul>
        <li><a href="#">Menu item</a></li>
        <li><a href="#">Menu item</a></li>
        <li><a href="#">Menu item</a></li>
      </ul>
  </div>
</div>

<link rel="stylesheet" href="style.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="script.min.js"></script>

MIT
Download

• Tag
• Animations
• jQuery
• Navigation
• Responsive