no-image

JavaScript

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

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

jstree

デモ

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

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

jstree

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

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

関連記事

  1. Slinky.js

    JavaScript

    上下にスクロールでコンテンツが開閉するjQueryプラグイン「Slinky.js」

    なかなか面白かったのでご紹介します。上下にスクロールするとコンテンツが…

  2. Parallax Slider with jQuery
  3. Checkify

    JavaScript

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

    Checkifyは軽量でカスタマイズ性も高いバリデーション機能を実装で…

  4. Animated menu concept

    JavaScript

    かっこいいアニメーション付きメニュー実装「Animated menu concept」

    Animated menu conceptはかっこいいアニメーション付…

  5. BeefUp

    JavaScript

    多彩なカスタマイズができるjQueryアコーディオンプラグイン「BeefUp」

    BeefUpは多彩なカスタマイズができるレスポンシブに対応したjQue…

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP