jQuery拖放实现

我们的想法是使用jQuery的MouseMove事件三、MouseDown和MouseUp，定义两个相对的位置，这是

1。组件左上角和屏幕左上角的相对位置。

2。鼠标坐标和组件左上角的相对位置。

具体功能如下：

复制代码代码如下所示：
拖{。
位置：绝对；
背景：# 0000cc；
上图：100px；左：200px；
填充：0；
}

复制代码代码如下所示：
$（文档）Ready（函数（）{）
var移动= false；移动标记
无功_x，_y； / /鼠标从控件的左上角的相对位置
$（拉）。Mousedown（function（e）{
移动=真；
_x = e.pagex-parseint（$（拉）。Css（左））；
_y = e.pagey-parseint（$（拉）。Css（顶））；
}）；
$（document）。Mousemove（function（e）{
如果（移动）{
var x = e.pagex-_x； / /控件的左上角到屏幕的左上角的相对位置。
var y = e.pagey-_y；
$（）Css；
}
}）。Mouseup（function（）{）
移动=假；
}）；

在这e.pagex，e.pagey是当前鼠标的横纵坐标。

当你自己尝试的时候，这个想法就更清晰了。