no-image

JavaScript

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

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

jstree

デモ

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

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

jstree

関連記事

  1. hummingbird-popover

    JavaScript

    高速・軽量なコンテキストメニュー実装「hummingbird-popover」

    hummingbird-popoverは高速・軽量なコンテキストメニュ…

  2. dndod

    JavaScript

    依存性のないシンプルで簡単なモーダルライブラリ「dndod」

    dndodはjQueryなどへの依存性のないシンプルで簡単なJavaS…

  3. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

  4. no-image

    JavaScript

    チェックボックスをアニメーショントグルにする「jquery-simpletoggler」

    jquery-simpletogglerは、デフォルトのチェックボック…

  5. no-image

    JavaScript

    豊富なオプションでカスタマイズ性も高いjQueryスライダー「startVal」

    startValは豊富なオプションやAPIを有したカスタマイズ性の高い…

  6. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

最近の記事

  1. マーガレットハウエルとミズノのコラボシューズ
  2. フレンチトーストや自家製ソーセージ
  3. ハレイワ スムージー
  4. クローバーで淹れたコーヒー
  5. 雪が降る日本海

アーカイブ

PAGE TOP