jquery div Layer Drag effect

 
 
 

  
  
  
$ (function () {
var _move=false;//move tag
var _x,_y;//the relative position of the mouse off the upper-left corner of the control
$ (". Drag"). MouseDown (function (e) {
_move=true;
_x=e.pagex-parseint ($ (". Drag"). CSS Tutorial ("left");
_y=e.pagey-parseint ($ (". Drag"). CSS ("top");
$ (". Drag"). Fadeto (20, 0.5);//Click to start dragging and transparent display
});
$ (document). MouseMove (function (e) {
if (_move) {
var x=e.pagex-_x;//) calculates the absolute position of the control's upper-left corner based on the mouse position
var y= e.pagey-_y;
$ (". Drag"). css ({top:y,left:x});//Control new location
}
}). MouseUp (function () {
_move=false;
$ (". Drag"). Fadeto ("Fast", 1);//Stop moving after releasing the mouse and revert to opaque});