从下往上走的话,就不要用top属性,改用bottom,这样写法是:(i-10)*60+'px'
如果一定要用top,就这样:(19-i)*60+'px'
<style>div{width:50px height:50px background-color:red position:absolute font-size:30px text-align:center}
</style>
<script>
window.onload=function(){
for(var i=0i<20i++){
var div=document.createElement("div")
div.innerHTML=i
if(i<10){
div.style.left=i*60+'px'
div.style.top=i*60+'px'
}else{
div.style.right=(19-i)*60+'px'
div.style.top=(19-i)*60+'px'
}
document.body.appendChild(div)
}
}
</script>
var p = document.getElementById("div1")p.style.position = "absolute"
p.style.left="100px"
p.style.top="100px"
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)