js实现拖拽效果

首先来了解一下，面向对象练习的基本规则和问题：

先写出普通的写法，然后改成面向对象写法项
普通方法变形

·尽量不要出现函数嵌套函数
·可以有全局变量
·把onload函数中不是赋值的语句放到单独函数中

改成面向对象

·全局变量就是属性
·函数就是方法
·onload中创建对象
·改this指针问题

先把拖拽效果的布局完善好：
HTML结构：

<div id="box"></div>

csc样式：
#box{position: absolute;width: 200px;height: 200px;background: red;}

第一步，首先把面向过程的拖拽回顾一下