FireFox具备兼容性的拖动代码

特点：
1、兼容 IE6、FF、Opear（IE7还没有机会测试）
2、拖动流畅
3、起点与终点之间有过渡，使移动更平滑（可调）

演示

/*
    Author:misshjn
    HomePage:http://www.happyshow.org
    Date:2007-04-30

    拖动开始
*/
function _getStyle（element,styleProp）{
    if （element.currentStyle）{
        var y = element.currentStyle[styleProp];
    }else if （window.getComputedStyle）{
        var y = document.defaultView.getComputedStyle（element,null）.getPropertyValue（styleProp.replace（/（[A-Z]）/g,"-$1"）.toLowerCase（））;
    }
    return y;
}
function _elementOnmouseDown（evt,blockID）{
    var obj, temp;
    obj=document.getElementById（blockID）;
    var x = evt.clientX || evt.pageX;
    var y = evt.clientY || evt.pageY;
    obj.startX=x-obj.offsetLeft;
    obj.startY=y-obj.offsetTop;

    var d = document.createElement（"div"）;
    d.style.position = "absolute";
    d.style.width = obj.clientWidth + parseInt（_getStyle（obj,"borderLeftWidth"）,10） + parseInt（_getStyle（obj,"borderRightWidth"）） -2 + "px";
    d.style.height = obj.clientHeight + parseInt（_getStyle（obj,"borderTopWidth"）,10） + parseInt（_getStyle（obj,"borderBottomWidth"）） -2 + "px";
    d.style.border = "1px dashed #666";
    d.style.top = _getStyle（obj,"top"）;
    d.style.left = _getStyle（obj,"left"）;
    d.style.zIndex = "9999";
    document.body.appendChild（d）;
    document.onmousemove=function（evt）{
        d.style.left= （evt？evt.pageX:event.clientX） - obj.startX + "px";
        d.style.top= （evt？evt.pageY:event.clientY） - obj.startY + "px";
    };
    document.onmouseup=function（）{
        var objL = parseInt（_getStyle（obj,"left"）,10）;
        var objT = parseInt（_getStyle（obj,"top"）,10）;
        var obj2L = parseInt（d.style.left,10）;
        var obj2T = parseInt（d.style.top,10）;

        var todolist = [];
        var level = 10;  //元素移动从起点到终点之间过渡的级数,大于0的整数
        var speed = 10; //毫秒，每次移动的间隔时间，数字越大，动画感越强，但跳跃感也越大
        for （i=1; i<=level; i++）{
            todolist.push（function（t）{
                setTimeout（function（）{
                    obj.style.left = objL + （obj2L-objL）*（t/level） + "px";
                    obj.style.top = objT + （obj2T-objT）*（t/level） + "px";
                    if（t==i）todolist=null;
                },speed*arguments[0]）;
            }）;
        }
        for （i=1; i<=level; i++）{
            todolist[i-1]（i）;
        }
        document.body.removeChild（d）;
        document.onmousemove = null;
        document.onmouseup = null;
    };
}

/*
    拖动结束
*/