<!--用for循环生成坐标-->
<script type="text/javascript">
window.onload=function(){
var aDiv=document.getElementsByTagName('div');
for(var i=0;i<10;i++){//在body
中插入10个div标签
document.body.innerHTML+='<div>'+i+'</div>';
}
var a = 0;
var b = 0;
for(var i=0;i<aDiv.length;i++){
aDiv[i].style.left=10+i*60+'px';//用i*60的原因是i的取值,第一个是60,第二个就是2*60·····
//aDiv[i].style.top=10+i*50+'px';//使图片从左上角到右下角
a ++;
if (a < aDiv.length/2 + 1) {
aDiv[i].style.top=10 + i*60+'px';
}else{
b ++;
aDiv[i].style.top=10 + i*60 - b*2*60 +'px';
};
};
}
</script>
] ![在这里插入图片描述:使10个div变成v型](https://img-blog.csdnimg.cn/20190514104912176.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzE3MDA3Mw==,size_16,color_FFFFFF,t_70)
用for循环生成坐标-形成V型
最新推荐文章于 2022-08-12 10:19:22 发布