Simple HTML Menuは、モバイルにもピッタリなレスポンシブに対応したシンプルなメニューを実装することができます。PCでは水平メニューとして、モバイル版では垂直の開閉式メニューとして機能します。 以下、Simple HTML Menuの実際のデモページになります。 デモ デモでは画面上部の右側にメニューが水平に並んでいます(PCからの閲覧の場合)。レスポンシブにも対応しているので、ブラウザの幅を縮小していくとメニューがモバイル版に切り替わります。 モバイル版のメニューでは、ハンバーガーアイコンと「Menu」と書かれた文字のみが表示されます。ここをクリックすると、メニューが垂直にスライドダウンで開かれます。 メニューが開かれた状態になると、ハンバーガーアイコンが「×」のアイコンに変化します。再度この場所をクリックすると、今度はメニューがスライドアップで閉じられ、それと同時に「×」の
![モバイルにもピッタリなレスポンシブ対応のメニュー実装「Simple HTML Menu」 – bl6.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/dce1f536eef084015ce63cbddf92b8a0130fa305/height=288;version=1;width=512/https%3A%2F%2Fbl6.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2017%2F03%2Fsimple-html-menu.jpg)