输出类似于国际象棋的棋盘

 1         document.onclick = function () {//这个函数将输出类似于国际象棋的棋盘
 2             var tempx = 0; //x坐标
 3             var tempy = 0; //y坐标
 4             var temps = 14; //每行放多少个
 5             for (var i = 0; i < 500; i++) {
 6                 var divs = document.createElement("div");
 7                 divs.id = i;
 8                 divs.style.width = "100px";
 9                 divs.style.height = "100px";
10                 if (i % 2 == 0) {
11                     divs.style.borderColor = "blue";
12                 }
13                 else {
14                     divs.style.borderColor = "red";
15                 }
16                 divs.style.borderWidth = "1px";
17                 divs.style.borderStyle = "dotted";
18                 divs.style.align = "center";
19                 divs.style.position = "absolute";
20                 tempx = (i % temps) * 100; //这里费脑筋
21                 tempy = (Math.floor(i / temps)) * 100; //这里花了不少脑力
22                 divs.style.left = tempx + "px";
23                 divs.style.top = tempy + "px";
24                 divs.innerHTML = i + 1;
25                 document.body.appendChild(divs);
26             }
27         }

 

posted on 2015-03-20 07:39  大牛牛  阅读(168)  评论(0)    收藏  举报

导航