Jquery实现拖动

/**
 * div拖动
 * @param Jdoc 需要拖动的div的jquery对象
 * @param e 触发事件
 */
function move(Jdoc, e){
    e = e || window.event;
    var o = Jdoc;
    //需要拖动的div的初始offsetTop和offsetLeft
    var st = o.offset().top;
    var sl = o.offset().left;
    //需要拖动的div的宽度和高度
    var ow = o.outerWidth();
    var oh = o.outerHeight();
    //浏览器的宽度和高度
    var w = $(window).width();
    var h = $(window).height();
    //sx,sy  触发拖动事件时鼠标的坐标
    var sx = e.pageX;
    var sy = e.pageY;
    onmousemove = function (e) {
        //ex,ey  拖动鼠标时鼠标的坐标
        var ex = e.pageX;
        var ey = e.pageY;
        var et = st + (ey - sy);
        var el = sl + (ex - sx);
        et = et <= 0 ? 0 : et;
        et = et >= (h - oh) ? (h - oh) : et;
        el = el <= 0 ? 0 : el;
        el = el >= (w - ow) ? (w - ow) : el;
        o.offset({top:et,left:el});
    }
    onmouseup = function () {
        onmousemove = null;
    }
}

$("#mod_div").live({
        mousedown: function (e) {
            var modWin = $("#modWindow");
            move(modWin, e);
        }
    });