【javascript】04 JS基础下 (for计算元素坐标)

基础课下,for计算元素坐标课后的小练习题。
改变if(i<10),把10改变其它数字,试试看效果吧! 在把 else 括号里东西删除,点击运行。

代码片段 1

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;
<html xmlns="http://www.w3.org/1999/xhtml">;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
div { width:50px; height:50px; background:red; position:absolute; top:0; left:0; font-size:30px; text-align:center; line-height:50px; color:#fff; }
</style>
<script>
window.onload = function(){

for(var i=0;i<21;i++){
    var oDiv = document.createElement("div");

    oDiv.style.left = (i*55)+"px";
    if(i<10){
        oDiv.style.top = (i*55)+"px";
    }else{
        oDiv.style.top = (10-(i-10))*55+"px";
    }
    oDiv.innerHTML = i;

    document.body.appendChild(oDiv);
}

}

</script>
</head>

<body>

</body>
</html>
[/code]

评论 ( 2 )
最新评论
唯美美 1F 2014-08-25 15:09:43 2F

这个不是作业, - -  5个 关于for 的作业正在写。

神气的小熊 2014-08-24 23:05:00 1F

照打一遍