JavaScript のドラッグ アンド ドロップ実装 (コメント付き)。最も古典的で、シンプルで、短く、簡潔です。 _JavaScript スキル

エフェクトプレビュー:
実装ソースコード:

<title>[自然に笑い、最終変更編集]をドラッグ</title> <div id="r" style="position:absolute; left:100px; top:100px; background-color:#F00; height:80px; width:80px; cursor: pointer;"></div> <div id="g" style="position:absolute; left:250px; top:100px; background-color:#0F0; height:80px; width:80px; cursor: pointer;"></div> <div id="b" style="position:absolute; left:400px; top:100px; background-color:#00F; height:80px; width:80px; cursor: pointer;"></div>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]