zoukankan html css js c++ java

改变控件在网页中的显示位置

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

请问如何改变一个控件在网页中的位置,
我尝试过document.getElementById('controlid').style.Top=0;
没有笑话,请各位指点

hbhbhbhbhb1021(天外水火(我要多努力))
回复:请问如何改变一个控件在网页中的位置

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

seelancer(郁闷枪骑兵)
回复:请问如何改变一个控件在网页中的位置

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

hbhbhbhbhb1021(天外水火(我要多努力))
回复:请问如何改变一个控件在网页中的位置

加上那句就是说控件的位置是绝对的，所以你可以随便移动控件的位置，要不然就是相对位移，移动只是相对的

clare2003(忘情火)
回复:请问如何改变一个控件在网页中的位置

seelancer(郁闷枪骑兵)
回复:请问如何改变一个控件在网页中的位置

如果没有指定控件的位置(用的是相对位置),那还能够改变位置吗?我试了一下,好像没有效果
比如:
<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>

查看全文

相关阅读:
AngularJs $location 和 $window
AngularJS——自定义服务详解(factory、service、provider)
angularAMD+requireJs
angular ui-router时要使用html5Mode=true
CSS3的calc()使用
 React Ajax this.IsMounted() is not a function
css有用的代码片段
 8908
454
234

原文地址：https://www.cnblogs.com/gfwei/p/1023517.html