日期:2014-05-16 浏览次数:20514 次
<script type="text/javascript">
// 拖拽与发送实现
$(document).ready(function () {
//拖拽
var _move = false; //移动标记
var _x, _y;
var index_x, index_y;
$("#drag").bind("mousedown", downIndex); //div鼠标按下事件绑定
$(document).bind("mousemove", mmove); //鼠标移动事件绑定
$(document).bind("mouseup", mup); //鼠标弹起事件绑定
function mmove(e) {
if (_move) {
var x = e.pageX - _x; //移动时根据鼠标位置计算控件左上角的绝对位置
var y = e.pageY - _y;
$("#drag").css({ top: y, left: x }); //div新位置
SetCookie('left',x);
SetCookie('top',y);
}
}
function mup() {
_move = false;
}
function downIndex(e) {
_move = true;
_x = e.pageX - parseInt($("#drag").css("left"));