【Javascript】シンプルなレスポンシブメニュー。Responsive Menu

HTML、CSS,JavaScriptで構築されたシンプルなレスポンシブメニュー。外観はブートストラップ形式、メニューは760pxのメディアクエリを使用しています。

マークアップ

<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav>
<div id="menu_button_wrapper">
<div id="menu_button">
Menu&nbsp;&nbsp;
<div id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="clearfix"></div>
</div>
<ul id="menu_list">
<li class="current_page"><a href="#">Home</a></li>
<li><a href="#">Audio</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</nav>
<script src="js/script.js"></script>
</body>
 
Responsive Menu

【Javascript】シンプルなレスポンシブメニュー。Responsive Menu

  • LATEST
  • RELATED
  • POPULAR