拖拽程序（ｈｔｍｌ＋ｃｓｓ＋ｊａｖａｓｃｒｉｐｔ）

拖拽程序

原理：根据鼠标的移动来移动被拖拽的元素，鼠标的移动即x,y坐标的变化；元素的移动即style.position的top和left的改变。首先还必须判断鼠标是否按下，是否在对应可拖拽元素上按下

基本思路：

记录拖拽状态（0：未按下；1：按下）

按下时{

状态=1；

记录元素x，y值

记录鼠标x，y值

}

移动时{

判断状态是否为1

如是1，则：

元素x=现在鼠标x-原来鼠标x+元素原X：

元素y=现在鼠标y-原来鼠标y+元素原y：

}

放开时{

状态=0；

判断是否在所在范围内，如是，则：

自动调整位置；

}