文字段任意移动

下面框中为脚本显示区

Move(300,300)
Move(300,100)
Move(100,300)
Moveby(20,20)
Moveby(10,20)
Moveby(20,-10)

可移动的文字段

脚本说明：
把如下代码加入<body>区域中:
<SCRIPT LANGUAGE="JAVASCRIPT">

n = (document.layers) ? 1:0
ie = (document.all) ? 1:0
function move(newleft, newtop) {
    if (n) {
        document.layer1.left = newleft;
        document.layer1.top = newtop;
    }
    if (ie) {
        layer1.style.left = newleft;
        layer1.style.top = newtop;
    }
}
function moveby(left, top) {
    if (n) {
        document.layer1.left = document.layer1.left + left;
        document.layer1.top = document.layer1.top + top;
    }
    if (ie) {
        layer1.style.left= layer1.style.pixelLeft + left;
        layer1.style.top = layer1.style.pixelTop + top;
    }
}

</SCRIPT>
<A HREF="#" onClick="move(300,300)">Move(300,300)</A><BR>
<A HREF="#" onClick="move(300,100)">Move(300,100)</A><BR>
<A HREF="#" onClick="move(100,300)">Move(100,300)</A><BR>
<A HREF="#" onClick="moveby(20,20)">Moveby(20,20)</A><BR>
<A HREF="#" onClick="moveby(10,20)">Moveby(10,20)</A><BR>
<A HREF="#" onClick="moveby(20,-10)">Moveby(20,-10)</A><BR>
<DIV ID="layer1" STYLE="position:absolute; top:100; left:200; visibility:visible">
This is a layer called "layer1"<BR>
</DIV>