| .style.pixelTop = orgnY;
cloneLayer.style.pixelLeft = orgnX;
cloneLayer.style.pixelTop = orgnY;
cloneLayer.className = "docked";
clearInterval(back);
}
//主拖拽函数
function startDraging(inAim,inSource,inClone,initAimX,initAimY,initOrgnX,initOrgnY)
{
getLayer(inAim,inSource,inClone)
initDrag(initAimX,initAimY,initOrgnX,initOrgnY);
sourceLayer.onmousedown = BeforeDrag;
document.onmousemove = OnDrag; //这里如果用cloneLayer,在拖拽中会选中cloneLayer里面内容,进而出现一些bug...
cloneLayer.onmouseup = EndDrag;
}
//调用
startDraging("aim","sourceLayer","cloneLayer",300,200,20,20);
//-->
</script>
</body>
</html>
需要注意的是: 一.html里面对于div的定义需要有三个. 三个层都必须定义style的position为absolute,以便控制位置 1.目标层(aim),主要作用是定义拖拽生效的位置. 2.拖拽源(sourceLayer).注意设置属性unselectable = "off"(这里比较奇怪,设置成on范围会在拖拽过程中选中层内容) 3.用于复制的层(cloneLayer). 二.函数的调用 startDraging参数解释: initAim 目标层名称 initSource 拖拽源名称 initClone 用于复制的层的名称 initAimX 目标层x轴坐标 initAimY 目标层y轴坐标 initOrgnX 拖拽源x坐标 initOrgnY 拖拽源Y轴坐标
&nbs << 上一页 [11] [12] 下一页 |