no-image

JavaScript

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

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

ggContentMenu

デモ

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

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

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

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

ggContentMenu

関連記事

  1. Pogo Slider

    JavaScript

    豊富なスライドアニメーションが揃っているjQueryプラグイン「Pogo Slider」

    Pogo Sliderは豊富なスライドアニメーションが揃っているjQu…

  2. Woco Accordion jQuery plugin
  3. CoutUpCircle

    JavaScript

    カウントアップしてくれるjQueryプラグイン「CoutUpCircle」

    CoutUpCircleは目標に指定した数までカウントアップしてくれる…

  4. jAnimate

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

  5. JavaScript

    水面にゆらゆらと波打つ動きを与えてくれるjQueryプラグイン「lake.js」

    面白そうなプラグインだったので使ってみました。画像を指定するとその画像…

  6. Page Stack Navigation

    JavaScript

    ページをスタッキングできる「Page Stack Navigation」

    Page Stack Navigationはページをスタッキングできる…

最近の記事

  1. FE 35mm F1.8
  2. RONIN-SC
  3. プラスシェル シティ04 フォールディングカメラケース

アーカイブ

PAGE TOP