码迷,mamicode.com
首页 > 其他好文 > 详细

for循环/计算坐标

时间:2015-06-04 17:02:26      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:

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循环/计算坐标

标签:

原文地址:http://www.cnblogs.com/zhrn/p/4552287.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!