Dragdealer JS

ドラッグを必要とする様々なUI実装に使える「Dragdealer JS」。
マウスを使ったドラッグ＆ドロップ操作というのは、スクロールバーや、スライダー等色々と存在しますが、そういった処理を一手に引き受けてくれるライブラリのご紹介です。
要素を動かした後のコールバック関数が指定できるので、ドラッグ＆ドロップ後の処理が自由に記述できてアイデア次第ではなかなか便利なUIが作れそうです。

横スライダー


縦スライダーで文字サイズを変更するサンプル


横スライダーで文字サイズを変更するサンプル


ドラッグで移動させるスライドショー


予め用意されているUI実装をするのもよいですが、ドラッグ＆ドロップに関する新しいUIを思いついた場合にも参考にしてみるとよさそう。

関連エントリ

• IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」
• とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリ色々
• ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」