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

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

デモのキャプチャ

jsPlumb
デモページ

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

デモのキャプチャ

デモ:2

デモのキャプチャ

デモ:3

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

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

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

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

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

10時のヘッドライン | CROSS SBM

on 2010年3月23日

[...] アグネス・チャン邸が豪華すぎる : にゅーす特報。fc2:1 [JS]エレメントとエレメントを繋いで自由に動かせるスクリプト -jsPlumb | コ…はてブ:4 なんか楽しめるフリーソフト教えれ – ねとねたfc2:1 [...]

freewebdev.jp

on 2010年3月28日

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

パイプやラインを使用してエレメント同士を繋いで、自由に移動をさせることができるスクリプトを紹介します。
デザインを変えると、サイトマップ風にもなります。
jsPlumbはjQueryのプラ…

top of page

©2011 coliss