Hamburger Icon Menu

JavaScript

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

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

Hamburger Icon Menu

Hamburger Icon Menu

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

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

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

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

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

関連記事

  1. mgGlitch

    JavaScript

    グリッチ効果を付けれるjQueryプラグイン「mgGlitch」

    mgGlitchは、CSS3の変換を利用して指定した要素にアニメーショ…

  2. jQuery Tabs with Content Overlays
  3. JavaScript

    テキストの一部分をサラっとアニメーションさせるjQueryプラグイン「dynamo.js」

    テキストで指定した一部分をサラっとアニメーションさせるjQueryプラ…

  4. Stretchy Navigation

    JavaScript

    ナビゲーションメニューが伸び縮みする「Stretchy Navigation」

    Stretchy Navigationはクリック、タップをすることで伸…

  5. Guardian

    JavaScript

    フォームにバリデーションを実装できるjQueryプラグイン「Guardian」

    Guardianはフォームにバリデーション機能を実装することができるj…

  6. DarkTooltip

    JavaScript

    色んなパターンのツールチップを実装できるjQueryプラグイン「DarkTooltip」

    DarkTooltipというjQueryプラグインを使えば、色んなパタ…

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP