jquery-拖动层(五)

<script type="text/javascript" language="javascript">
var _move=false;//拖动层标记
var _x,_y;//鼠标离控件左上角的相对位置
$(document).ready(function(){
    $("#MoveDiv").click(function(){
        //alert("click");//点击（松开后触发）
        }).mousedown(function(e){
        _move=true;
        _x=e.pageX-parseInt($("#MoveDiv").css("left"));
        _y=e.pageY-parseInt($("#MoveDiv").css("top"));
        $("#MoveDiv").fadeTo(20, 1);//点击后开始拖动并透明显示  0.25
    });
    $(document).mousemove(function(e){
        if(_move){
            var x=e.pageX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置
            var y=e.pageY-_y;
            $("#MoveDiv").css({top:y,left:x});//控件新位置
        }
    }).mouseup(function(){
    _move=false;
    $("#MoveDiv").fadeTo("fast", 1);//松开鼠标后停止移动并恢复成不透明
  });
});

</script>

        <div id="MoveDiv" style="position:absolute;left:200;top:100;width:700;height:460;background-color:#8783FF;display:none;">
           xxxxxxxoooooo
       </div>