layer.drag.js

来自「用php编写的一个BBS 小程序」· JavaScript 代码 · 共 48 行

/**
 * layer.drag.js
 * 08.08.2007
 */
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//dragging layer
var startX = 0;
var startY = 0;
var startLeft = 0;
var startTop = 0;
var canDrag = false;
function downMouse() {
    if (!window.document.all) return;
    var obj = event.srcElement.parentNode;
    if (event.button == 1 && obj.className == "dragBar") {
        obj.setCapture();
        var p_obj = obj.parentNode.parentNode;
        //cascadeInQueue(getDivStrId(p_obj.parentNode.id));
        obj.style.background = "#f0f3fb";
        obj.style.color = "#296dc1";
        startLeft = p_obj.style.pixelLeft;
        startTop = p_obj.style.pixelTop;
        startX = window.event.clientX;
        startY = window.event.clientY;
        canDrag = true;
    }
}

function moveLayer(obj) {
    if (canDrag) {
        obj.style.pixelLeft = startLeft + window.event.clientX - startX;
        var eY = window.event.clientY;
        if (eY + window.document.body.scrollTop < 0) {
            obj.style.pixelTop = -obj.parentNode.style.top.substr(0, obj.parentNode.style.top.length-2);
        } else {
            obj.style.pixelTop = startTop + eY - startY;
        }
    }
}

function upMouse(obj) {
    obj.style.background = "#dde3f5";
    obj.style.color = "#002280";
    obj.releaseCapture();
    canDrag = false;
}
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++