jQuery

【jQuery】CSS、jQueryを使ったシンプルな美しいメニューSimple Menu

January 15, 2017
simple css menu

Simple MenuはCSS、jQueryを使ったシンプルな美しいメニュー。

HTML

        <header class="mainhead">
		<nav class="menucont">
			<button id="menu">
				<div class="bar"></div>
				<div class="bar"></div>
				<div class="bar"></div>
			</button>
			<ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Contact</a></li>
			</ul>
		</nav>
		<a href="#" class="logo">
			<img src="assets/img/logo.svg" alt="">
		</a>
	</header>
	<script src="assets/js/vendor/jquery.js"></script>
	<script src="assets/js/main.js"></script>

MIT
Download