• 凉风有兴,秋月无边, 亏我思娇的情绪好比度日如年。
  • 虽然我不是玉树临风,潇洒倜傥, 可是我有我广阔的胸襟,加强健的臂腕!

javascript简单写出国际象棋棋盘

网站推广 villain 1周前 (01-08) 10次浏览 未收录 0个评论

关于昨天的一个作业,做了一个国际象棋棋盘,效果图如下

javascript简单写出国际象棋棋盘

这里的思路是根据off=true的值进行反转来判断单元格的颜色。

就那第一行来说,当条件语句if的off=true则输出str+=’ td /td ,然后off=!off进行反转,得到off=false。在下一次循环条件语句if的off=false,则输出str+=’ td /td ,然后off=!off再进行反转,如此反复。

当里面的for循环完毕,off=!off再进行反转。

代码如下:

 !DOCTYPE html 
 html 
 head 
 meta charset="UTF-8" 
 title 国际象棋棋盘 /title 
 script type="text/javascript" 
 var str=" table cellpadding='0' cellspacing='0' ";
 var off=true;
 for(i=1;i =8;i++){
 str+=" tr ";
 for(j=1;j =8;j++){
 if(off){
 off=!off;
 str+=' td /td ';
 else{
 off=!off;
 str+=' td /td ';
 off=!off;
 str+=" /tr ";
 str+=" /table ";
 document.write(str);
 /script 
 style type="text/css" 
 table{
 border: 1px solid #000;
 width: 100px;
 height: 100px;
 background: #ff0;
 .td01{
 background: #fff;
 .td02{
 background: #000;
 /style 
 /head 
 body 
 /body 
 /html 


Villain博客 , 版权所有丨如有问题请联系客服QQ:1004619丨
转载请注明javascript简单写出国际象棋棋盘
喜欢 (0)
[gqakcom@126.com]
分享 (0)

您必须 登录 才能发表评论!