Javascript

【Javascript】水平スクロールメニューを作成CSS Horizontal Scroll Menu

June 10, 2018

CSS Horizontal Scroll Menuは水平スクロールメニューを作成する

css-horizontal-scroll-menu

HTML

    <nav onmousemove="onMouseMove(event)">
        <div class="menu">
            <div class="content">
                <h1>Menu Item 1</h1>
            </div>
        </div>
        <div class="menu">
            <div class="content">
                <h1>Menu Item 2</h1>
            </div>
        </div>
        <div class="menu">
            <div class="content">
                <h1>Menu Item 3</h1>
            </div>
        </div>
        <div class="menu">
            <div class="content">
                <h1>Menu Item 4</h1>
            </div>
        </div>
        <div class="menu">
            <div class="content">
                <h1>Menu Item 5</h1>
            </div>
        </div>
    </nav>
    <script src="js/scripts.js" type="text/javascript"></script>