no-image

JavaScript

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

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

ggContentMenu

デモ

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

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

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

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

ggContentMenu

notifit多彩なカスタマイズができるシンプルなjQuery通知プラグイン「notifit」前のページ

軽量でカスタマイズ性も高いjQueryバリデーションプラグイン「Checkify」次のページCheckify

関連記事

  1. jQuery Modal

    JavaScript

    シンプルでレスポンシブなモーダルボックス「jQuery Modal」

    jQuery Modalはシンプルでレスポンシブに対応したモーダルボッ…

  2. spzoom

    JavaScript

    シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」

    spzoomはシンプルな操作性で使いやすい画像ズーム機能を実装できるj…

  3. JavaScript

    スライドアニメーションが素敵なjQueryスライダー「Slideshow with jmpress.…

    とても素敵なスライドアニメーションを実装することができるjQueryス…

  4. FitText

    JavaScript

    テキストサイズをブラウザ幅の大きさに自動で合わせてくれるjQueryプラグイン「FitText」

    可変するブラウザ幅にテキストサイズを自動で合わせてくれるjQueryプ…

  5. no-image

    JavaScript

    シンプルでカスタマイズも簡単なパララックスエフェクト実装「parlx.js」

    parlx.jsはシンプルでカスタマイズも簡単なパララックスエフェクト…

  6. jR3DCarousel

    JavaScript

    レスポンシブな3Dカルーセルを実装できる「jR3DCarousel」

    jR3DCarouselはレスポンシブな3Dカルーセルを実装できるjQ…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP