JavaScript 拖拽实现（附注释），最经典简单短小精悍！

2019-11-21 01:23:53

字体：大中小

来源：转载

供稿：网友

效果预览：
实现源代码：

<html> <head> <title>Drag[笑的自然最后修改编辑]</title> </head> <body> <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> <script type="text/javascript"></script> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：学习drag and drop js实现代码经典之作

下一篇：js tab 选项卡