jQuery

【jQuery】アニメーション付きモバイルバーガーメニューBurger Menu

July 6, 2018
Burger Menu

Burger Menuはデスクトップまたはモバイルサイトで使用できるアニメーションのバーガーメニュー。

HTML

<header>

	<div id="burger-menu">
		<span></span>
		<span></span>
		<span></span>
	</div>

	<nav>
		<div class="nav-list" style="display:none;">
			<ul class="menu-list">
				<li><a href="/">Home</a></li>
				<li><a href="/">Projects</a></li>
				<li><a href="/">About</a></li>
			</ul>
		</div>
	</nav>

</header>

<main>

</main>

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

</body>