no-image

JavaScript

インタラクティブなツリー機能を実装できる「jstree」

jstreeはインタラクティブなツリー機能を実装できるjQueryプラグインです。子リストなどを自由に開閉したりできるのが便利ですね。ドラッグアンドドロップやキーボードナビゲーションなどにも対応しています。

jstree

デモ

デモでは画面右上にツリー機能を備えた図が用意されています。斜め下を指している矢印アイコンの部分をクリックすると、その部分のメニューを閉じたり開いたりすることが可能です。また、キーボード操作もサポートしていて、上下キーを使用することで選択ポイントを移動させることができます。こういった細部に渡る便利な仕様もうれしいポイントですね。

ほかにも、チェック機能を付けたりいろいろカスタマイズできるので、自サイトにあうツリー機能を実装したい人はぜひチェックしてみてください。JSONデータやAJAXもサポートされているので、大量の情報を扱う時にも役立つのではないでしょうか?

jstree

no-imageランダムに動くサークル状の美しいアニメーション実装「jQuery Flying Circles plugin」前のページ

ツールチップを活用したフィードバックソリューション「Modern Customer Feedback Plugin」次のページno-image

関連記事

  1. Zoom SlideShow

    JavaScript

    カルーセルのスライドショーとズーム機能を備えた「Zoom SlideShow」

    Zoom SlideShowは、カルーセルによるスライドショーとズーム…

  2. Salvattore
  3. no-image
  4. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

  5. ResponsifyJS

    JavaScript

    画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」

    ResponsifyJSは画像のなかで見せたいエリアを保持させながらレ…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP