Slight Submenu

JavaScript

ネストされたメニューリストを展開・折りたたみできるjQueryプラグイン「Slight Submenu」

Slight SubmenuというjQueryプラグインを使えば、ネスト(入れ子)されたメニューリストを展開したり折りたたんだりすることができます。ネストされた項目にはボタンが追加され、ホバーやクリックで展開&折りたたみが機能します。

[ads_center]

Slight Submenuの使い方

こんな感じで、ネストされた項目を展開したり折りたたんだりすることができます。

Slight Submenu

$('selector').slightSubmenu(options);

デフォルトではボタンにホバーするとアニメーションしながら展開していきます。折りたたむ時はボタンをクリックしてたたみます。

セッティング次第でクリック時のみ展開させることもできます。

オプションも色々と用意されているので、気になる方は是非チェックしてみて下さい。

jQuery Slight Submenu Plugin Demo

関連記事

  1. TyperText

    JavaScript

    テキストタイピングエフェクトを実装できる「TyperText」

    TyperTextはテキストタイピングエフェクトを実装できるjQuer…

  2. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

  3. normalmap.js

    JavaScript

    インタラクティブなライティングエフェクトを実装できる「normalmap.js」

    normalmap.jsはシンプルでインタラクティブなライティングエフ…

  4. hop

    JavaScript

    Webページ上の好きな場所をハイライトできる「hop」

    hopはオーバーレイされたWebページ上の好きな場所をハイライトするこ…

  5. ALighter

    JavaScript

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

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

  6. jQuery Parallax

    JavaScript

    美しいパララックススクロールエフェクトを実装できる「jQuery Parallax」

    jQuery Parallaxは美しいパララックススクロールエフェクト…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP