Animated Toggle Menu

JavaScript

シンプル・軽量で使い方も簡単なハンバーガーメニュー実装「Animated Toggle Menu」

Animated Toggle Menuは、シンプルでファイル容量も軽量、そして使い方も簡単なハンバーガーメニューを実装することができます。さりげないアニメーション付きで操作性もよく、スタイリッシュなハンバーガーメニューをWebサイトに取り入れたい人にはピッタリですね。

Animated Toggle Menu

デモ

デモでは、画面上部にハンバーガーアイコンが設置されていて、ここをクリックするとメニューが表示される仕組みです。メニュー表示中はハンバーガーアイコンはバツ印に切り替わり、背景にはオーバーレイがかかります。

バツ印をクリックすると、メニューが閉じられて元のハンバーガーアイコンに戻ります。デザイン・操作ともにシンプルでとても使いやすいメニューです。パソコンだけではなくスマホやタブレットとの相性もバッチリですね。

Animated Toggle Menu

というわけで、シンプル・軽量で手軽に実装することができるハンバーガーメニュー「Animated Toggle Menu」の紹介でした。ライセンスはMITになります。

Palette-js美しいカラーパレッドを追加できる「Palette-js」前のページ

シンプルでカスタマイズもしやすいタブパネル実装「jquery-tab」次のページno-image

関連記事

  1. jQuery Panelize Plugin
  2. Linear Slider

    JavaScript

    シンプルな機能で使いやすいjQueryによる水平スライダー「Linear Slider」

    Linear Sliderはシンプルな機能性による水平スライダーを実装…

  3. nanoGALLERY
  4. EndlessRiver

    JavaScript

    エンドレスに流れていくコンテンツスライダー「EndlessRiver」

    EndlessRiverはエンドレスに流れていくコンテンツスライダーを…

  5. Multi-level push menu
  6. Ziehharmonika

    JavaScript

    かっこいいアコーディオンを実装できる軽量のjQueryプラグイン「Ziehharmonika」

    アニメーションがとてもクールでかっこいいアコーディオンを実装することが…

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP