Hamburger Icon Menu

JavaScript

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

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

Hamburger Icon Menu

Hamburger Icon Menu

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

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

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

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

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

関連記事

  1. Jquery Tab Plugin

    JavaScript

    シンプルで見やすいタブパネルを実装できる「Jquery Tab Plugin」

    Jquery Tab Pluginはシンプルで見やすく、そして操作しや…

  2. OneBook3d

    JavaScript

    フォトアルバム(ブック)に最適なjQueryプラグイン「OneBook3d」

    OneBook3dはブラウザ上でフォトアルバム(ブック)を作るのにとて…

  3. Listt

    JavaScript

    リストをiOSのようにアニメーションできるjQueryプラグイン「Listt」

    ListtはリストをiOSのセレクトボックスのようにアニメーションさせ…

  4. no-image
  5. Sal.js

    JavaScript

    Vanilla JSによる軽量のスクロールアニメーションライブラリ「Sal.js」

    Sal.jsは軽量のスクロールアニメーションを実装できるライブラリです…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP