Javascript

【Javascript】スーパーシンプルなフルスクリーンメニューFullscreen BurgerMenu

January 2, 2017
Fullscreen BurgerMenu

Fullscreen BurgerMenuはHTML、CSS、JavaScriptで書かれているスーパーシンプルなフルスクリーンメニュースクリプト。

HTML

<header>
        <nav class="menu">
           <div class="strokes"></div>
           <div class="strokes"></div>
           <div class="strokes"></div>
        </nav>
	</header>
	<div class="fullscreenmenu">
        <ul>  
            <li>
                <a href="#">About</a>
            </li>

            <li>
                <a href="#">Blog</a>
            </li>

            <li>
                <a href="#">Contact</a>
            </li>
        </ul>
    </div>

	<script src="js/script.js"></script>