Javascript Patchworker - オブジェクトを自在に移動

このスクリプトについて
　対象のオブジェクト（主に画像）をマウスドラッグで動かせます。ちょうどWindowsのファイル／フォルダ操作の感覚で動かせるため、殆どのユーザに分かりやすい操作性を与えます。複数のオブジェクトに指定できるので、JavaScriptを利用したゲームなどに利用してください。IE専用です。
　また、サンプルの画像は変な位置に表示されいると思います。邪魔なようでしたら動かしてください（笑）

実行例

関連

CSS : ポジション関連

対応ブラウザ
WIN IE 4.0～ NN -～　MAC IE 4.0～ NN -～

サンプルソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>オブジェクトを自在に移動</title>
<script type="text/javascript">

</script>
<style type="text/css">

</style>
</head>
<body>

</body>
</html>

ユーザ設定
　ユーザが設定する変数は特にありませんが、topとleftの属性を適宜調節してください。（詳しくはポジション関連）。
　また、対象要素を増やす場合には、
　onDrag="objectMove('要素のID')"
を属性として付け加えてください。また、<style>～<style>に
　#要素のID{　～サンプルをコピー～　}
を付け加え、topとleftの値を適宜変更してください。

JavaScriptのTOPに戻る　　

TOPに戻る