no-image

JavaScript

スライドアニメーションによる多階層なハンバーガーメニュー「ggContentMenu」

ggContentMenuはスライドアニメーションを備えた多階層に最適なハンバーガーメニューを実装できるjQueryプラグインです。たくさんのメニューを快適に表示・操作できるモバイルにも最適なハンバーガーメニューを実装したい人は要チェックです。

ggContentMenu

デモ

デモではハンバーガーアイコンが表示されていて、ここをクリックすると横からスライドアニメーションしながらメニューが表示されます。

メニュー内にある各メニュー項目の横には「+」がついていて、メニュー項目をクリックするとその下にある子メニューがスライドアニメーションで表示されます。子メニューが表示されると先ほどの「+」の部分は「-」に変化します。

どの項目に子メニューがあるのかをここで確認できるので、たくさんのメニューリストがあるサイトには最適ですね。

というわけで、スライドアニメーションで表示されるハンバーガーメニューを実装したい人は、ぜひ「ggContentMenu」を活用されてみてはいかがでしょうか?

ggContentMenu

関連記事

  1. no-image

    JavaScript

    プレーンなJavaScriptによるレスポンシブなLightbox「jsOnlyLightbox」

    jsOnlyLightboxは、jQueryなどを必要としないプレーン…

  2. Expanding Bar Navigation Concept
  3. no-image

    JavaScript

    ミニマリスティックでフレキシブルなjQueryスライダー「Bore Bones Slider」

    Bore Bones Sliderはミニマリスティックでフレキシブルな…

  4. ALighter

    JavaScript

    任意のテキストの場所に光を当ててくれるjQueryプラグイン「ALighter」

    ちょっとしたアクセントに使えそうですね。任意のテキストの場所に光を当て…

  5. Rebox

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

最近の記事

  1. フェルメール展
  2. 上島珈琲店 No.11
  3. 銀座トリコロール

アーカイブ

PAGE TOP