Javascript

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

May 28, 2016

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>

Download