no-image

JavaScript

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

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

ggContentMenu

デモ

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

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

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

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

ggContentMenu

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

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

関連記事

  1. no-image

    JavaScript

    スタイリッシュで美しいイメージスライダー「Gliding Gallery」

    Gliding Galleryはスタイリッシュで美しいシンプルなイメー…

  2. number-divider.js

    JavaScript

    数字を分割できるjQueryプラグイン「number-divider.js」

    number-divider.jsは数字を分割させることができるjQu…

  3. no-image
  4. Kontext

    JavaScript

    iOSの画面切り替えのようなスライドができるJavaScript「Kontext」

    KontextというJavaScriptを使えばiOSの画面切り替えの…

  5. AJAX Live Search
  6. JavaScript

    カスタマイズも自由にできるjQuery「bxSlider」の使い方

    個人的にかなりよさげなjQueryスライダーを使ってみました。その名も…

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP