// 模塊拖拽
$(function () {
var _move = false;//移動標記
var _x, _y;//鼠標離控件左上角的相對位置
$(".ui-dialog-titlebar").click(function () {
//alert("click");//點擊(鬆開後觸發)
}).mousedown(function (e) {
_move = true;
_x = e.pageX - parseInt($(".ui-dialog").css("left"));
_y = e.pageY - parseInt($(".ui-dialog").css("top"));
});
$(document).mousemove(function (e) {
if (_move) {
var x = e.pageX - _x;//移動時根據鼠標位置計算控件左上角的絕對位置
var y = e.pageY - _y;
$(".ui-dialog").css({ top: y, left: x });//控件新位置
}
}).mouseup(function () {
_move = false;
});
});
Js Div拖動
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.