java学生管理系统遇到的难题_写一个小demo过程中遇到的各种问题 学生管理考勤系统（网页模拟）...

*{

margin:0;

padding:0;

}

body,html{

width:100%;

height:100%;

}

body{

background-image: url("img/jhk-1549033898060.jpg");

background-size: 120%;

background-position: 50% 50%;

background-repeat: no-repeat;

font-family: "方正颜宋简体";

background-attachment: fixed;

height:90%;}

.imfor{

width:100%;

height:20%;

}

.systemimfo{

text-align: center;

font-size: 53px;

margin-top: 10px;

}

.version{

font-size: 18px;

}

.teacher{/*padding-left: 20%;*/margin-top: 1%;

}

button.btn{

margin-top: 3%;

width: 220px;

height: 45px;

margin-right: 30px;

font-size: 18px;

margin-left: 2%;

/*真的有毒，BootStrap把两个输入框并排之后没法调节中间距离...我再试试*/

}

.btngroup{

position: relative;

top:17%;

left:17%;

width:66%;

height:55%;/*border: 1px solid darkcyan;*//*我现在觉得写布局的时候先画框真的太好用了*/text-align: center;

vertical-align: middle;

padding-top: 2px;

font-size: 21px;

margin-bottom: 150px;/*float: left;*/

/*display: none;*/把这行放回去，这里注释掉是方便调试}

div.btngroup button{

height:16%;

width:19%;

margin-top: 18px;

color: aliceblue;

border: 1px solid skyblue;

background-color: rgb(52, 173, 238);

border-radius: 10px;

}

div.btngroup button:hover{

box-shadow: 3px 3px goldenrod;

}

.unattendance{

position: absolute;

top:39%;

left:66%;

width:30%;

height:45%;

border: 1px solid firebrick;

}

#end{

background-color: red;

height:15%;

color: antiquewhite;

margin-top: 20px;

border: 1px solid darkorange;

}

#end:hover{

box-shadow: 1px 2px lightskyblue

}

学生管理考勤系统

Version:1.0.0

授课教师：

授课班级：

确认信息并开始考勤

学生姓名

var stat = document.getElementById("end");var absent = document.getElementById("absent");var clear = document.getElementById("clear");//var temp = [];

//console.log(btn);

//console.log(btngroup);

//console.log(imfor);

functionchange(into){//var style = window.getComputedStyle(into);

console.log(into);

into.style= "background-color:orange;"

//into.style.backgroundColor = "orange";

}　　　　　//本来用的是这个写法，但是估计又栽在了闭包问题上，于是只能换上面那种笨比写法

//for(let i = 0; i < btn.length;i++){

//btn_style = window.getComputedStyle(btn[i]);

//btn[i].onclick = function(){

//console.log("?");

//if(btn_style.backgroundColor == "rgb(52, 173, 238)"){

console.log(arguments[0]);

//btn[i].style.backgroundColor = "orange";

//}

//}

//};

//

//

//等搞定了闭包回来实现这个

//for(let j = 0; j < btn.length; j++){

//btn_style = window.getComputedStyle(btn[j]);

//stat.onclick = function(){

//if(btn_style.backgroundColor == "orange"){

//temp += " ";

//temp += btn[j].innerHTML;

//console.log("1");

//}

//}

//};