Hamburger Icon Menu

JavaScript

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

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

Hamburger Icon Menu

Hamburger Icon Menu

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

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

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

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

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

関連記事

  1. Multi-device scrolling menu
  2. JavaScript

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラグイン「SHARDS」

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラ…

  3. bubbly-bg

    JavaScript

    幻想的なバブル背景アニメーションを実装できる「bubbly-bg」

    bubbly-bgは幻想的で美しいバブル(気泡)背景アニメーションを実…

  4. Before and After image script
  5. JQuery-SnakeGallery

    JavaScript

    ホバーした方向へエフェクトが追従してくる「JQuery-SnakeGallery」

    JQuery-SnakeGalleryは、ホバーした方向へエフェクトが…

  6. Product Builder

    JavaScript

    カスタマイズ性に優れたオンラインストアに役立つ「Product Builder」

    Product Builderは、カスタマイズ性に優れたオンラインスト…

最近の記事

  1. M360bt
  2. BQ-CASE/1

アーカイブ

PAGE TOP