for循环/计算坐标

for循环计算坐标
webqq里面有类似桌面的各种图标,是绝对定位的,这样可以拖动改变位置,用浮动的话,没法拖动。
  
    
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{width:50px;height:50px;background:red;color:purple;text-align:center;line-height:50px;position: absolute;top: 0;left: 0;}
</style>
<script>
window.onload=function(){
var aDiv=document.getElementsByTagName('div');
for(var i=0;i<10;i++){
document.body.innerHTML+='<div>'+i+'</div>'
}
for (var i =0 ; i<aDiv.length; i++) {
aDiv[i].style.left=i*60+'px'
};
// 当i=10的时候如何逢10换行输出
// 小练习,楼梯,小v型
}
 
</script>
</head>
<body>
</body>
</html>
 



你可能感兴趣的:(for循环)