Jquery 拖动窗口

Jquery 拖动窗口的最简写法

$(function(){  

   // Start 窗口的拖动
         var _move=false;                 //移动标记 
         var _x,_y;                            //鼠标离控件左上角的相对位置 
        $(".title").mousedown(function(e){ 
                     _move=true; 
                     _x=e.pageX-parseInt($(".zf_Box").css("left")); 
                     _y=e.pageY-parseInt($(".zf_Box").css("top")); 
                    $(".zf_Box").fadeTo(20, 0.5);                          //点击后开始拖动并透明显示 
          }); 

          $(document).mousemove(function(e){ 
                  if(_move){ 
                            var x=e.pageX-_x;                                  //移动时根据鼠标位置计算控件左上角的绝对位置 
                            var y=e.pageY-_y; 
                            $(".zf_Box").css({top:y,left:x});               //控件新位置 
                   } 
           }).mouseup(function(){ 
                    _move=false; 
                    $(".zf_Box").fadeTo("fast", 1);                           //松开鼠标后停止移动并恢复成不透明 
           }); 

  // End 窗口的拖动

});