在JavaScript中我们接触过面向过程的编程思想，比如丛林中三只萤火虫在随意飞翔，对于这种动画效果，我们知道了它具有的元素和飞翔过程，依序去创建元素，然后给元素加动画效果。然而在编程中，还有一种非常重要的思想，在今后的编程中会经常用到，那就是面向对象的编程思想。
接下来就用拖拽案例来说明一下，要达到如下效果：
1.第一个box能够在页面上随意拖拽
2.第二个box能够在页面上随意拖拽的同时内部显示位置坐标
3.第三个box能够在页面上随意拖拽但不能够越出页面边界
在JavaScript中我们接触过面向过程的编程思想，比如丛林中三只萤火虫在随意飞翔，对于这种动画效果，我们知道了它具有的元素和飞翔过程，依序去创建元素，然后给元素加动画效果。然而在编程中，还有一种非常重要的思想，在今后的编程中会经常用到，那就是面向对象的编程思想。
接下来就用拖拽案例来说明一下，要达到如下效果：
1.第一个box能够在页面上随意拖拽
2.第二个box能够在页面上随意拖拽的同时内部显示位置坐标
3.第三个box能够在页面上随意拖拽但不能够越出页面边界