Js Div拖動

// 模塊拖拽  
$(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;
    });
});

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章