[JS]エレメントとエレメントを繋いで自由に動かせるスクリプト -jsPlumb

パイプやラインを使用してエレメント同士を繋いで、自由に移動をさせることができるスクリプトを紹介します。

デモのキャプチャ

jsPlumb
デモページ

デザインを変えると、サイトマップ風にもなります。

デモのキャプチャ

デモ:2

デモのキャプチャ

デモ:3

動作確認済みのブラウザは、下記の通り。

  • IE7/8
  • Fx3.5.8/3.6
  • Op10.5
  • Safari
  • Chrome

Canvas非サポートのIE用にExplorerCanvasを使用しています。

jsPlumbはjQueryのプラグインのため、実装にはjquery.jsが必要です。

sponsors

top of page

©2024 coliss