作为 一个90后,游戏对我来说是必不可少的一项娱乐项目。 今天,是我学WEB前端的第15天,也是我第一次做出一款自己编写出的小游戏,是我最难忘的一天。
以下就是我今天的劳动成果,虽然还不是很完善,但我会努力学习,做出一款属于自己的游戏。
*{
margin:0;
padding:0;
}
html{
height: 100%
}
body{
height: 100%
}
.f1{
position: relative;
width: 50%;
background-color:#808080;
/* border 外边框,solid 实线,biack 黑色*/
border-left:2px solid black;
border-right:2px solid black;
height: 100%;
/* margin:0 auto 0 auto水平居中*/
margin:0 auto 0 auto;
}
.f2{
border-right:4px dashed white;
/* 靠左浮动*/
float: left;
width: 20%;
height: 100%;
box-sizing:border-box;
}
.f3{
position: absolute;
width:12%;
left:4%;
top:100px;
}
var a = 4;
document.onkeydown=function(xiaozhi) {
if(xiaozhi.keyCode== 39)
{ a = a + 20 }
if(xiaozhi.keyCode== 37)
{ a = a - 20 }
if(a > 84)
{a = 84}
if(a<4)
{a = 4}
$(".f3").css({left:a + "%"});}
学习前端让我很充实,很满足。