no-image

JavaScript

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

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

jstree

デモ

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

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

jstree

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

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

関連記事

  1. Granim.js

    JavaScript

    流れるように変化するグラデーションのアニメーションを実装できる「Granim.js」

    Granim.jsは美しく変化するグラデーションのアニメーションを実装…

  2. jQuery Modal

    JavaScript

    シンプルでレスポンシブなモーダルボックス「jQuery Modal」

    jQuery Modalはシンプルでレスポンシブに対応したモーダルボッ…

  3. JavaScript

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「equalize.js」

    高さや幅が不揃いの要素をキレイに揃えてくれるjQueryプラグイン「e…

  4. JavaScript

    レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」

    before-after.jsはシンプルでレスポンシブに対応したビフォ…

  5. Tendina

    JavaScript

    簡単で素早くドロップダウンメニューを実装できるjQueryプラグイン「Tendina」

    TendinaというjQueryプラグインを使えば、とても簡単で素早く…

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP