Hamburger Icon Menu

JavaScript

フルスクリーンメニューを表示させるハンバーガーアイコン「Hamburger Icon Menu」

Hamburger Icon Menuはメニューをフルスクリーンで表示させるハンバーガーアイコンを実装することができるスクリプトです。jQueryを必要とします。フルスクリーンメニューとハンバーガースタイルという2つのトレンドを組み合わせているのが特徴です。

Hamburger Icon Menu

Hamburger Icon Menu

上記のページでは右上にハンバーガーアイコンが設置されており、これをクリックするとフルスクリーンでメニューが表示されます。シンプルでとても見やすいメニューですね。

メニューはスライドダウンで降りてきて、表示されている間はハンバーガーのアイコンはバツ印になります。バツ印をクリックするとメニューがスライドアップされ、元の状態に戻ります。

ハンバーガーアイコンをクリックしないとメニューが表示されないので、「メニュー項目がたくさんあってゴチャゴチャするのがイヤだ」という人にはピッタリではないでしょうか。

使い方も簡単で、オプションもいくつか用意されています。

メニューをフルスクリーンで表示させるハンバーガーアイコンを設置したいという方は、ぜひHamburger Icon Menuをチェックしてみてください。

Turntable.js画像を使ってストップモーション動画のような効果を実装できる「Turntable.js」前のページ

Chromeで特定の(個別に)webサイトのCookieを削除するやり方次のページ特定のCookieを削除

最近の記事

  1. マリーゴールドのゴム手袋(バスルーム)
  2. クリスマスエスプレッソロースト
  3. シーザーチキン 石窯カンパーニュ
  4. スキャルプ&ヘア リファイニング トリートメント オイル R
  5. ポーレックスの手動ミル
PAGE TOP