ページ上のエレメントや画像をドラッグできるようにするにはscript.aculo.usライブラリを使うと便利です。script.aculo.usではDraggable()にドラッグ対象となるエレメントのID名またはオブジェクトを指定するだけでドラッグすることが可能になります。 オプションを指定することで、ドラッグ時の処理を設定することができます。オプションはDraggable()の2番目のパラメータで指定します。revertオプションでtrueを指定するとドラッグ後に元の位置に戻ります。snapを指定すると関数の戻り値に応じた座標にスナップするようにドラッグできるようになります。 サンプルコード [実行] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equi