没有合适的资源?快使用搜索试试~ 我知道了~
本文主要介绍了原生JS实现《别踩白块》游戏(兼容IE)的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧
资源推荐
资源详情
资源评论
原生原生JS实现《别踩白块》游戏(兼容实现《别踩白块》游戏(兼容IE))
本文主要介绍了原生JS实现《别踩白块》游戏(兼容IE)的示例代码。具有很好的参考价值,下面跟着小编一
起来看下吧
兼容了兼容了IE,每得,每得20分就加速一次!!!分就加速一次!!!
效果如下:效果如下:
图(1) 游戏初始
图(2) 游戏开始
代码如下:代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<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;
}
</style>
</head>
资源评论
weixin_38606300
- 粉丝: 4
- 资源: 829
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功