移动图标！小问题

<HTML><HEAD>
<script>
function Fleft(){
img1.style.pixelLeft = img1.offsetLeft - 5;
}
function FRight(){
img1.style.pixelLeft = img1.offsetLeft + 5;
}
function FUp(){
img1.style.pixelTop = img1.offsetTop - 5;
}
function FDown(){
img1.style.pixelTop = img1.offsetTop + 5;
}
</script>
</HEAD>
<body>
 <input onclick=Fleft() type=button value=left></input>  
 <input onclick=FRight() type=button value=right></input> 
 <input onclick=FUp() type=button value=Up></input>  
 <input  onclick=FDown() type=button value=Down></input> 
<FONT color=#000000><img id="img1" src="1.jpg" name="picture" style="position:absolute"></body></HTML>

解决方案 »

  1.   

    function Get_IE()
    {
    var obj = “”取到想要的控件的对象; objTop = obj.offsetTop;
    objLeft = obj.offsetLeft; while(obj.tagName !="BODY")
    {
    //alert(obj.tagName);
    obj = obj.offsetParent;
    objTop += obj.offsetTop;
    objLeft += obj.offsetLeft;
    }
    alert(objTop);
    alert(objLeft);
    }
    这能取到其相对位置，但如何修改它的相对位置呢？
      

  2.   

    function getInfo(o){//取得坐标
    var to=new Object();
    to.left=to.right=to.top=to.bottom=0;
    var twidth=o.offsetWidth;
    var theight=o.offsetHeight;
    while(o!=document.body){
    to.left+=o.offsetLeft;
    to.top+=o.offsetTop;
    o=o.offsetParent;
    }
    to.right=to.left+twidth;
    to.bottom=to.top+theight;
    return to;
    }
      

  3.   

    谢谢楼上怎么修改它的位置呢？如我要改变它的left的大小
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <META content="MSHTML 6.00.2600.0" name=GENERATOR>
    </head>
    <body onload='mov()'>
    <div style="height:1000px">
    <img id='test' src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif">
    </div>
    <SCRIPT LANGUAGE="JavaScript" defer>
    <!--var div=document.getElementById("test")
    div.style.position='absolute'function mov()
    {
    div.style.position='absolute'
    div.style.left=(100+document.body.scrollLeft).toString()+'px'
    div.style.top=(100+document.body.scrollTop).toString()+'px'
    setTimeout("mov()",100)
    }
    -->
    </SCRIPT>
    </BODY>
    </HTML>