本经验讲述原生javascript实现网页元素拖拽的方法，以及拖拽的进阶内容。
1.HTML和CSS代码自己添加一下。
JavaScript代码如下：
立即学习“Java免费学习笔记（深入）”；
拖拽代码封装与调用
拖拽进阶之带虚框
1.在网页中可以实现带虚框的拖拽，效果如图所示。
JavaScript代码：
拖拽进阶之改变大小
1.拖动元素右下角可以改变元素的大小，右下角是一个很小的图片。
GNCMS可视化拖拽公司网站模板1.0.0
下载
高端网络建设公司设计类网站模板 IT互联网移动建站类网站源码(带手机版数据同步)本套模板采用现在非常流行的全屏自适应布局设计，且栏目列表以简洁，非常时尚大气。后台支持可视拖拽编辑。 模板特点：1、手工书写DIV+CSS、代码精简无冗余。2、自适应结构，全球先进技术，高端视觉体验。3、SEO框架布局，栏目及文章页均可独立设置标题/关键词/描述。4、后台直接修改联系方式、传真、邮箱、地址等，修改更加方
JavaScript代码：
拖拽进阶之碰撞检测
1.如图，红色块没碰黄色块之前，不变色。碰之后，黄色块变色了。
JavaScript代码：
拖拽进阶之边界吸附
1.实现块拖拽时接近文档边界自动吸附，JavaScript代码：
拖拽进阶之限制范围
1.实现块只能在固定区域拖动，无法拖出文档。JavaScript代码：
