jQuery

【jQuery】HTML、CSS、jQueryを使用したナビゲーションメニューバーResponsive Navigation Menu Bar

March 12, 2017
Responsive Navigation Menu Bar HTML-CSS-JQuery

Responsive Navigation Menu BarはHTML、CSS、jQueryを使用したレスポンシブナビゲーションメニューバー。

HTML

	<nav>
		<div class="menu-icon">
			<i class="fa fa-bars fa-2x"></i>
		</div>
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">About Us</a></li>
			<li><a href="#">Product</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">Gallery</a></li>
			<li><a href="#">Contact Us</a></li>
		</ul>
	</nav>

	<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="js/script.js"></script>