簡単に要素を、ドラッグで動かせるようになります。
参考サイト様のコードを参考に、prototypeを使って、クラス化してみました。
- JavaScriptファイルをインクルードします。例:
<script src="dragpos.js"></script>
- ドラッグできるようにしたい要素を定義します。IDは必ず定義してください。例:
<div id="foo">
- インスタンスを生成します。例:
var dp = new Dragpos('foo');
- 上記までで、ID
foo
を持つ要素をドラッグで動かせるようになります。
You can create drag elements easy.
- Include JavaScript file.
<script src="dragpos.js"></script>
- Define HTML
<div id="foo">
- Create instance.
var dp = new Dragpos('foo');
- You can drag
foo
elements.