JQ简单小游戏别猜白块(容易上瘾慎入)

JQ简单小游戏别猜白块(容易上瘾慎入)

首页休闲益智踩块第一名更新时间:2024-05-09

别踩白块这块小游戏貌似火了一段时间后就销声匿迹了,昨天一个学生心血来潮,用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