数字【数组】
来源:互联网 发布:mac怎么隐藏桌面文件 编辑:程序博客网 时间:2024/05/22 20:12
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> body { margin: 0 auto; text-align: center; } figure { margin: 0; padding: 0; } article { position: absolute; height: 160px; top: 40%; left: 50%; margin-top: -85px; margin-left: -77px; } div { margin: 2px; } #line1 {} #line2 {} #line2 div { width: 5px; height: 5px; display: inline-block; background-color: black; } #line1 div { width: 5px; height: 5px; display: inline-block; background-color: black; } #line3 div { width: 5px; height: 5px; display: inline-block; background-color: black; } #line4 div { width: 5px; height: 5px; display: inline-block; background-color: black; } #line5 div { width: 5px; height: 5px; display: inline-block; background-color: black; } #line6 div { width: 5px; height: 5px; display: inline-block; background-color: black; } #line7 div { width: 5px; height: 5px; display: inline-block; background-color: black; } #line8 div { width: 5px; height: 5px; display: inline-block; background-color: black; } div { width: 5px; height: 5px; display: inline-block; background-color: black; } button { width: 120px; } p a { padding: 20px; color: cornflowerblue; /*text-decoration: none;*/ } aside { margin-top: 50px; } </style> <body> <article> <figure id="line1"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </figure> <figure id="line2"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </figure> <figure id="line3"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </figure> <figure id="line4"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </figure> <figure id="line5"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </figure> <figure id="line6"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </figure> <figure id="line7"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </figure> <figure id="line8"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </figure> <figure id="line9"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </figure> <figure id="line10"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </figure> </article> <script> var arr = [ [0, 1, 1, 1, 1, 1, 0], [1, 1, 0, 0, 0, 1, 1], [1, 1, 0, 0, 0, 1, 1], [1, 1, 0, 0, 0, 1, 1], [0, 1, 1, 1, 0, 1, 1], [0, 0, 0, 0, 0, 1, 1], [0, 0, 0, 0, 0, 1, 1], [0, 0, 0, 0, 1, 1, 0], [0, 0, 0, 1, 1, 0, 0], [0, 1, 1, 0, 0, 0, 0] ] console.log(arr[4]); var i = 0; var j = 0; while(i <= 9) { j = 0; //打色 //document.getElementById("line1").getElementsByTagName("div")[6].style.backgroundColor = "red" while(j <= 6) { console.log("line" + (i + 1)) console.log(arr[i][j]) if(arr[i][j] == 0) { document.getElementById("line" + (i + 1)).getElementsByTagName("div")[j].style.backgroundColor = "white" } else { document.getElementById("line" + (i + 1)).getElementsByTagName("div")[j].style.backgroundColor = "red" } j++; } i++ } console.log() </script> </body></html>
数字
digit = [// [// [0,0,0,1,1,1,0,0,0],// [0,0,1,1,0,1,1,0,0],// [0,1,1,0,0,0,1,1,0],// [0,1,1,0,0,0,1,1,0],// [0,1,1,0,0,0,1,1,0],// [0,1,1,0,0,0,1,1,0],// [0,1,1,0,0,0,1,1,0],// [0,1,1,0,0,0,1,1,0],// [0,0,1,1,0,1,1,0,0],// [0,0,0,1,1,1,0,0,0]// ],//0 [ [0,0,1,1,1,1,1,1,1,0,0,0], [0,0,0,0,0,0,0,1,1,0,0,0], [0,0,0,0,0,0,1,1,0,0,0,0], [0,0,0,0,0,1,1,0,0,0,0,0], [0,0,0,0,1,1,1,0,0,0,0,0], [0,0,0,0,0,0,1,1,0,0,0,0], [0,0,0,0,0,0,0,1,1,0,0,0], [0,0,0,0,0,0,0,1,1,0,0,0], [0,0,1,1,0,0,0,1,1,0,0,0], [0,0,0,1,1,1,1,1,0,0,0,0] ],//3 [ [0,0,0,1,1,1,1,1,0,0,0,0], [0,0,1,1,0,0,0,1,1,0,0,0], [0,0,0,0,0,0,0,1,1,0,0,0], [0,0,0,0,0,0,1,1,0,0,0,0], [0,0,0,0,0,1,1,0,0,0,0,0], [0,0,0,0,1,1,0,0,0,0,0,0], [0,0,0,1,1,0,0,0,0,0,0,0], [0,0,1,1,0,0,0,0,0,0,0,0], [0,0,1,1,0,0,0,1,1,0,0,0], [0,0,1,1,1,1,1,1,1,0,0,0] ],//2 [ [0,0,0,0,0,1,1,0,0,0,0,0], [0,0,0,1,1,1,1,0,0,0,0,0], [0,0,0,0,0,1,1,0,0,0,0,0], [0,0,0,0,0,1,1,0,0,0,0,0], [0,0,0,0,0,1,1,0,0,0,0,0], [0,0,0,0,0,1,1,0,0,0,0,0], [0,0,0,0,0,1,1,0,0,0,0,0], [0,0,0,0,0,1,1,0,0,0,0,0], [0,0,0,0,0,1,1,0,0,0,0,0], [0,0,1,1,1,1,1,1,1,0,0,0] ],//1 [ [0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,1,0,0,0,0,1,0,0,0], [0,0,1,1,1,1,1,1,1,1,0,0], [0,0,1,0,0,0,0,0,0,1,0,0], [1,1,1,0,1,0,0,1,0,1,1,1], [0,0,1,0,0,1,1,0,0,1,0,0], [1,1,1,0,0,0,0,0,0,1,1,1], [0,0,0,1,1,1,1,1,1,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0] ],//Cat// [// [0,0,0,0,1,1,0],// [0,0,0,1,1,1,0],// [0,0,1,1,1,1,0],// [0,1,1,0,1,1,0],// [1,1,0,0,1,1,0],// [1,1,1,1,1,1,1],// [0,0,0,0,1,1,0],// [0,0,0,0,1,1,0],// [0,0,0,0,1,1,0],// [0,0,0,1,1,1,1]// ],//4// [// [1,1,1,1,1,1,1],// [1,1,0,0,0,0,0],// [1,1,0,0,0,0,0],// [1,1,1,1,1,1,0],// [0,0,0,0,0,1,1],// [0,0,0,0,0,1,1],// [0,0,0,0,0,1,1],// [0,0,0,0,0,1,1],// [1,1,0,0,0,1,1],// [0,1,1,1,1,1,0]// ],//5// [// [0,0,0,0,1,1,0],// [0,0,1,1,0,0,0],// [0,1,1,0,0,0,0],// [1,1,0,0,0,0,0],// [1,1,0,1,1,1,0],// [1,1,0,0,0,1,1],// [1,1,0,0,0,1,1],// [1,1,0,0,0,1,1],// [1,1,0,0,0,1,1],// [0,1,1,1,1,1,0]// ],//6// [// [1,1,1,1,1,1,1],// [1,1,0,0,0,1,1],// [0,0,0,0,1,1,0],// [0,0,0,0,1,1,0],// [0,0,0,1,1,0,0],// [0,0,0,1,1,0,0],// [0,0,1,1,0,0,0],// [0,0,1,1,0,0,0],// [0,0,1,1,0,0,0],// [0,0,1,1,0,0,0]// ],//7// [// [0,1,1,1,1,1,0],// [1,1,0,0,0,1,1],// [1,1,0,0,0,1,1],// [1,1,0,0,0,1,1],// [0,1,1,1,1,1,0],// [1,1,0,0,0,1,1],// [1,1,0,0,0,1,1],// [1,1,0,0,0,1,1],// [1,1,0,0,0,1,1],// [0,1,1,1,1,1,0]// ],//8// [// [0,1,1,1,1,1,0],// [1,1,0,0,0,1,1],// [1,1,0,0,0,1,1],// [1,1,0,0,0,1,1],// [0,1,1,1,0,1,1],// [0,0,0,0,0,1,1],// [0,0,0,0,0,1,1],// [0,0,0,0,1,1,0],// [0,0,0,1,1,0,0],// [0,1,1,0,0,0,0]// ],//9// [// [0,0,0,0,0,0,0],// [0,0,0,0,0,0,0],// [0,1,1,0,0,0,0],// [0,1,1,0,0,0,0],// [0,0,0,0,0,0,0],// [0,0,0,0,0,0,0],// [0,1,1,0,0,0,0],// [0,1,1,0,0,0,0],// [0,0,0,0,0,0,0],// [0,0,0,0,0,0,0]// ],//: ];
阅读全文
0 0
- 数字【数组】
- 数组------数组中的重复数字
- c# 数组 字符 数字
- javascript_数字数组排序
- 数字处理2 数组
- ruby-数字、字符串、数组
- 数字字符、数组处理
- 旋转数组最小数字
- 数组组成最小数字
- 数组数字之和
- 数组中的重复数字
- 数组中的重复数字
- 旋转数组最小数字
- C++数字,数组,字符串
- 数字数组去重
- 给定一个数字表示为数字数组,加上一个数字。
- grails把数字数组改成字符串数组
- YTUOJ-在数组中查找数字【数组】
- 9.6第一周java作业
- 《穷查理宝典》
- 文章标题
- 在hi3531a开发板上搭建qt环境遇到的屏幕呈绿色的解决办法
- grep命令详解
- 数字【数组】
- react-native(五)生成App
- Linux(三):创建不可登录的服务账号及启动定制服务
- 爬虫入门三(获取各国网址,三种网页抓取方法,下载缓存)
- 一个小小程序员的世界
- 王学岗沉浸式状态栏
- C#进阶 05 字符串中的转义
- 数据结构第二周项目1--C/C++语言中函数传递的三种方式之方法二传地址
- 解决window.open弹出的窗口被阻止情况