鼠标拖着元素飞

var _move=false;//移动标记

var _x,_y;//鼠标离控件左上角的相对位置

  $(".drag").click(function(){

    //alert("click");//点击（松开后触发）

    }).mousedown(function(e){

    _move=true;

    _x=e.pageX-parseInt($(".drag").css("left"));

    _y=e.pageY-parseInt($(".drag").css("top"));

    $(".drag").fadeTo(20, 0.5);//点击后开始拖动并透明显示

  });

  $(document).mousemove(function(e){

    if(_move){

      var x=e.pageX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置

      var y=e.pageY-_y;

      $(".drag").css({top:y,left:x});//控件新位置

    }

  }).mouseup(function(){

  _move=false;

  $(".drag").fadeTo("fast", 1);//松开鼠标后停止移动并恢复成不透明

 });

 

转自http://www.jb51.net/article/79750.htm