别踩白块这块小游戏貌似火了一段时间后就销声匿迹了,昨天一个学生心血来潮,用JQ写了个简单的别踩白块,瞬间感觉,这个游戏好没有技术含量!你们觉得呢?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<style>
*{
margin: 0;
padding: 0;
}
.box {
margin: 50px auto 0 auto;
width: 400px;
height: auto;
border: solid 1px #222;
}
#cont {
width: 400px;
height: 600px;
position: relative;
overflow: hidden;
}
#go {
width: 100%;
height: 600px;
position: absolute;
top: 0;
font: 700 60px '微软雅黑';
text-align: center;
z-index: 99;
}
#go span {
cursor: pointer;
background-color: #fff;
border-bottom: solid 1px #222;
}
#main {
width: 400px;
height: 600px;
position: relative;
top: -150px;
}
.row {
width: 400px;
height: 150px;
}
.row div {
width: 99px;
height: 149px;
border: solid 1px #222;
float: left;
border-top-width: 0;
border-left-width: 0;
cursor: pointer;
}
#count {
border-top: solid 1px #222;
width: 400px;
height: 50px;
font: 700 36px/50px '微软雅黑';
text-align: center;
}
#bgm{
width: 400px;
height: 50px;
margin-top: -50px;
position: absolute;
}
h3{text-align:center}
</style>
</head>
<body>
<h3>只要不是白块,一个个点吧</h3>
<div class="box">
<!-- 布局 -->
<audio src="//img.17u1u.com/m_02.mp3" id="bgm" controls="" loop=""></audio>
<div id="cont">
<div id="go" style="display: block;">
<span>Renew game</span>
</div>
<div id="main" style="top: 0px;"><div class="row"><div class="i" style="background-color: rgb(26, 171, 138);"></div><div></div><div></div><div></div></div><div class="row"><div></div><div></div><div class="i" style="background-color: rgb(18, 27, 57);"></div><div></div></div><div class="row"><div></div><div></div><div class="" style="background-color: rgb(187, 187, 187);"></div><div></div></div><div class="row"><div></div><div></div><div class="" style="background-color: rgb(187, 187, 187);"></div><div></div></div><div class="row"><div></div><div></div><div class="" style="background-color: rgb(187, 187, 187);"></div><div></div></div></div>
</div>
<div id="count">游戏结束,最高得分: 25</div>
</div>
<script type="text/javascript" src="//img.17u1u.com/js.js"></script>
</body>
</html>
需要源码请留言
Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved