如何实现层的移动？急！！！

<body>
<script language="JavaScript">
var layerTop=105;       
var layerLeft=100;     
var layerWidth=180;    
document.write('<span id=itemsLayer style="position:absolute;overflow:hidden;border:1px solid #008800;left:'+layerLeft+';top:'+layerTop+';width:'+layerWidth+';">');
document.write('asdasdasdasd</span>'); 
</script><script language="JavaScript">
function moveit()
{
layerLeft=layerLeft+50;
itemsLayer.style.left=layerLeft;
}
</script>
<input type="button" name="Submit" value="右移50个象素" onclick="moveit();">
</body>

解决方案 »

  1.   

    托动对象移动
    <span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>aa</span>
    <script>
    var Obj
    function MouseDown(obj){
    Obj=obj
    Obj.setCapture()
    Obj.l=event.x-Obj.style.pixelLeft
    Obj.t=event.y-Obj.style.pixelTop
    }
    function MouseMove(){
    if(Obj!=null){
    Obj.style.left = event.x-Obj.l
    Obj.style.top = event.y-Obj.t
    }
    }
    function MouseUp(){
    if(Obj!=null){
    Obj.releaseCapture()
    Obj=null
    }
    }
    </script>
      

  2.   

    <script language="JavaScript">
    var layerTop=105;       
    var layerLeft=100;     
    var layerWidth=180;    
    document.write('<span id=itemsLayer style="position:absolute;overflow:hidden;border:1px solid #008800;left:'+layerLeft+';top:'+layerTop+';width:'+layerWidth+';">');
    document.write('asdasdasdasd</span>'); 
    function document.onclick(){
    var o=document.getElementById("itemsLayer")
    o.style.pixelLeft=event.clientX+document.body.scrollLeft
    o.style.pixelTop=event.clientY+document.body.scrollTop
    }
    </script>