代码this和oDrag一样效果

onselectstart="return false"

防止鼠标选中

onselectstart="return false"防止鼠标选中

onresize 事件会在窗口或框架被调整大小时发生。

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

透明度：opacity:0.4; filter:Alpha(opacity=40);

用js onselectstart事件鼠标禁止选中文字

鼠标拖拽事件三个关键：
var mouseOffsetX = 0;   //  偏移
    var mouseOffsetY = 0;
    var isDraging = false;  //  是否可拖拽的标记
（1）在标题栏上按下。鼠标在标题栏上按下时，要计算鼠标相对拖拽元素的左上角的坐标，并且标记元素为可拖动。
g('dialogTitle').addEventListener('mousedown',function(e){
        var e = e || window.event;
        mouseOffsetX = e.pageX - g('dialog').offsetLeft;
        mouseOffsetY = e.pageY - g('dialog').offsetTop;
        isDraging = true;
    })
（2）开始移动。鼠标开始移动，要检测登录浮层是否可标记为移动，如果是，则更新元素的位置到当前鼠标的位置(注意：要减去第一步中获得的偏移)
document.onmousemove = function( e ){
        var e = e || window.event;
        var mouseX = e.pageX;   // 鼠标当前的位置
        var mouseY = e.pageY;
        var moveX = 0;  //  浮层元素的新位置
        var moveY = 0;
        if( isDraging === true ){
            moveX = mouseX - mouseOffsetX
            moveY = mouseY - mouseOffsetY;
            g('dialog').style.left = moveX + 'px';
            g('dialog').style.top  = moveY + 'px';
        }
    }
（3）放开。鼠标松开的时候，标记元素为不可拖动状态即可。
document.onmouseup = function(){
   isDraging = false; }

遮罩防止鼠标选中事件：onslectstart="return false"；

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。