メニュー

jQuery API を使って作った、メニューに関するちょっと便利なサンプル集。

  • jQuery で作るシンプルなツリー型メニューボックス

    2階層の開閉式ツリー型メニューは、jQuery で簡単に作れる。さらに、css で飾って、ボックスにしてみた。メニュー欄をクリックすると、サブメニューが現れる。メニュー欄を再びクリックすると、サブメニューが折りたたまれる。このページで紹介するのは、2階層のシンプルなもの。

  • jQuery で作るアコーディオンメニュー

    2階層の上下開閉式アコーディオン型メニューは、jQuery で簡単に作れる。さらに、css で飾って、ボックスにしてみた。メニュー欄をクリックすると、クリックしたメニューのサブメニューが現れ、クリックしたメニュー以外のサブメニューが開いていた場合は、そのサブメニューを閉じる。

  • jQuery で作る多階層ツリーメニュー

    多階層のツリーメニューは、jQuery で簡単に作れる。トップ階層のメニュー横の▼をクリックすると、第2階層のサブメニューが現れる。トップ階層のメニュー横の▼を再びクリックすると、第2階層のサブメニューが折りたたまれる。第2階層のサブメニュー横の▼をクリックすると、第3階層のサブメニューが現れる。

  • jQuery で作るタブメニュー

    タブ型メニューは、jQuery UIに含まれているが、単純なタブ型メニューであれば、jQuery UIを使わずとも、jQuery だけで簡単に作ることができる。

スポンサード リンク