no-image

JavaScript

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

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

ggContentMenu

デモ

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

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

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

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

ggContentMenu

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

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

関連記事

  1. no-image

    JavaScript

    シンプルな円形のカラーピッカーを実装できる「jQuery-Colorwheel」

    jQuery-Colorwheelはシンプルな円形によるカラーピッカー…

  2. no-image

    JavaScript

    シンプルなバナースライドショーを実装できる「jsslider」

    jssliderはシンプルなバナースライドショーを実装できるjQuer…

  3. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  4. Images grid

    JavaScript

    画像のグリッドレイアウトを製作できるjQueryプラグイン「Images grid」

    Images gridは画像のグリッドレイアウトを製作するためのシンプ…

  5. JavaScript

    チルトシフト効果でミニチュア風の写真に仕上げてくれるjQueryプラグイン「tiltShift.js…

    指定した画像にチルトシフト効果をプラスしてミニチュア風にしてくれるjQ…

  6. no-image

    JavaScript

    チェックボックスをアニメーショントグルにする「jquery-simpletoggler」

    jquery-simpletogglerは、デフォルトのチェックボック…

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP