请问如何改变一个控件在网页中的位置

你把该控件的style加一句position:absolute

解决方案 »

  1.   

    那如何用javascript控制那呢?
    这对控件的设置还有要求吗?
    能说详细点吗.谢谢
      

  2.   

    <HTML><HEAD>
     <script type="text/javascript">
    <!--function Fleft()
    {
    var x1=document.getElementById("img1").style.left;
    var x=eval(Number(x1.substring(0,x1.length-2))-20); 
    document.getElementById("img1").style.left=x+"px";
    }function FRight()
    {
    var x1=document.getElementById("img1").style.left;
    var x=eval(Number(x1.substring(0,x1.length-2))+20); 
    document.getElementById("img1").style.left=x+"px";
    }function FUp()
    {
    var x1=document.getElementById("img1").style.top;
    var x=eval(Number(x1.substring(0,x1.length-2))-20); 
    document.getElementById("img1").style.top=x+"px";
    }function FDown()
    {
    var x1=document.getElementById("img1").style.top;
    var x=eval(Number(x1.substring(0,x1.length-2))+20); 
    document.getElementById("img1").style.top=x+"px";
    }</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; top: 70px; left: 130px;" BORDER="0" WIDTH="140" HEIGHT="40"></body></HTML>
      

  3.   

    如果没有指定控件的位置(用的是相对位置),那还能够改变位置吗?我试了一下,好像没有效果
    比如:
    <HTML><HEAD>
     <script type="text/javascript">
    <!--function Fleft()
    {
    var x1=document.getElementById("img1").style.left;
    var x=eval(Number(x1.substring(0,x1.length-2))-20); 
    document.getElementById("img1").style.left=x+"px";
    }function FRight()
    {
    var x1=document.getElementById("img1").style.left;
    var x=eval(Number(x1.substring(0,x1.length-2))+20); 
    document.getElementById("img1").style.left=x+"px";
    }function FUp()
    {
    var x1=document.getElementById("img1").style.top;
    var x=eval(Number(x1.substring(0,x1.length-2))-20); 
    document.getElementById("img1").style.top=x+"px";
    }function FDown()
    {
    var x1=document.getElementById("img1").style.top;
    var x=eval(Number(x1.substring(0,x1.length-2))+20); 
    document.getElementById("img1").style.top=x+"px";
    }</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" ></body></HTML>