$main.mousedown(function (e) { //e鼠标事件
$(this).css("cursor", "move");
var offset = $(this).offset(); //元素在页面的位置
var x = e.pageX - offset.left; //获得鼠标指针离DIV元素左边界的距离
var y = e.pageY - offset.top; //获得鼠标指针离DIV元素上边界的距离
$(document).bind("mousemove", function (ev) { //绑定页面鼠标移动事件
$main.stop();
var _x = ev.pageX - x; //获得X轴方向移动的值
var _y = ev.pageY - y; //y轴
$main.animate({ left: _x + "px", top: _y + "px" }, 5);
});
$(document).mouseup(function () {
$main.css("cursor", "default");
$(this).unbind("mousemove");
})
});
jQuery鼠标托动元素
最新推荐文章于 2022-06-19 19:02:32 发布