<!DOCTYPE html>
<!-- saved from url=(0038)http://218.244.142.3/game/14/game.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK">
<meta charset="gb2312">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<script src="http://app.46465.com/html5/kuaipao/jquery.js"></script>
<script src="http://app.46465.com/html5/kuaipao/crafty.js"></script>
<script src="http://app.46465.com/html5/kuaipao/openjs.js"></script>
<title>OLA辦變</title>
<style>
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video {
margin:0;
padding:0;
}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video,img {
display: block;
}
body {
font-size: 100%;
font-family:Helvetica,STHeiti,Droid Sans Fallback;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
textarea {
resize: none;
}
iframe,img {
border:0;
}
ul,ol {
list-style:none;
}
input,
select,
textarea {
outline: 0;
-webkit-user-modify: read-write-plaintext-only;
}
input {
-webkit-appearance: none;
}
a{
text-decoration: none;
}
body,html{
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
margin: 0; padding: 0;
/*background: #000;*/
background: #13a438;
}
#gamestart{
width: 100%;
position: absolute;
top: 0; bottom: 0;
z-index: 11;
}
.start_bg {
position: absolute;
top: -44px; left: 0; z-index: -1;
width: 100%;
background: url(http://app.46465.com/html5/kuaipao/jz.gif) no-repeat center center;
}
#gamestart .btn,.zhiyin .btn {
width: 80%;
height: 40px;
border-radius: 5px;
text-align: center;
line-height: 40px;
color: #333;
box-shadow: 0 5px 0px #07942c;
box-shadow: 0 5px 0px rgba(0,0,0,0.17);
position: absolute;
left: 50%; margin: 0 0 0 -40%;
}
#gamestart .rule{
background: #fff;
bottom: 100px;
}
#gamestart .start,.zhiyin .start{
background: #ffff00;
bottom: 40px;
}
.zhiyin .start {
bottom:20px !important;
}
.IOS #gamestart .rule{
bottom: 140px;
}
.IOS #gamestart .start,.zhiyin .start{
bottom: 80px;
}
.athour {
width: 100%; text-align: center; padding: 10px 0;
position: absolute;
left: 0; bottom: 0;
}
.IOS .athour{
bottom: 44px;
}
.athour span{
font-size: 11px;
color: #1c5b35;
}
.athour span:nth-of-type(1){
padding-right: 10px;
}
#interface .life{display:none}
.ruleshadow{
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background:rgba(0,0,0,0.8);
z-index: 10;
}
.rulebox{
width: 250px; height: 280px;
padding: 10px 15px;
position: absolute;
left: 50%; top: 50%;
margin: -150px 0 0 -140px;
background: #13a438;
border-radius: 5px;
opacity: 0; z-index: -1;
-webkit-transform: translate3d(0,0,0);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
.x_rulebox{
width: 55px; height: 55px;
display: block;
position: absolute;
right: -15px;
top: -20px;
background: url(http://app.46465.com/html5/kuaipao/x_rulebox.png) no-repeat left top;
background-size: 100%;
}
.rulebox h3{
color: #ffff00;
font-size: 18px;
font-weight: normal;
padding: 10px 0;
margin: 0;
}
.rulebox p{
color: #fff;
font-size: 13px;
line-height: 24px;
margin: 0;
}
.daoju_1{
display: inline;
float: left;
width: 40px; height: 40px;
background: url(http://app.46465.com/html5/kuaipao/daoju_1.png) no-repeat left top;
background-size: 100%;
}
.daoju_2{
display: inline;
float: left;
width: 42px; height: 47px;
background: url(http://app.46465.com/html5/kuaipao/daoju_2.png) no-repeat left top;
background-size: 100%;
}
.daoju_3{
display: inline;
float: left;
width: 34px; height: 46px;
background: url(http://app.46465.com/html5/kuaipao/daoju_3.png) no-repeat left top;
background-size: 100%;
}
.daoju_item{
padding: 8px 0
}
.daoju_item p{
line-height: 20px;
padding-left: 50px;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
.opacity{
opacity: 1;
}
.r_index{
z-index: 11;
}
.ruleshadow{
display: none;
}
.daojishi {
position: absolute;
width: 100%;
top: 0;
bottom: 0; display: none;
z-index: 11;
background: url(http://app.46465.com/html5/kuaipao/daojishu_bg.png) repeat left top;
background-size: 100%;
}
.daojishiline{
width: 100%;
height: 95px;
position: absolute;
top: 109px;
left: 0;
background: #ffe400;
z-index: 1;
}
.daojishibox{
width: 180px;
height: 180px;
position: absolute;
left: 50%; top: 71px;
margin: 0 0 0 -90px;
background: url(http://app.46465.
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
H5微信小游戏源码-快跑.zip (86个子文件)
快跑
kuaipao
Line (2).png 129B
jquery.js 90KB
GoalBackGround (2).png 4KB
Goalkeeper (2).png 3KB
crafty (2).js 440KB
proxy_v3.htm 28KB
game_end.jpg 45KB
daoju_3 (2).png 2KB
weinxin_share.png 12KB
gameover.png 5KB
Broom.png 7KB
1 (2).png 15KB
10.png 17KB
5.png 17KB
game_start.jpg 56KB
Caopi (2).png 4KB
9.png 15KB
Qiuyuan (2).png 17KB
x_rulebox.png 916B
img_contorl.png 4KB
Ball (2).png 2KB
weinxin_share (2).png 12KB
daoju_1 (2).png 2KB
9 (2).png 15KB
Qiuyuan.png 17KB
gameover (2).png 5KB
zhiyin_m.png 20KB
x_rulebox (2).png 916B
5 (2).png 17KB
daojishu_bg.png 13KB
Line2.png 529B
Broom (2).png 7KB
share.gif 2KB
img_contorl (2).png 4KB
1.png 15KB
daoju_2 (2).png 3KB
index.html 53KB
daoju_1.png 2KB
JZ.gif 3KB
8 (2).png 16KB
sheraicon.png 5KB
6 (2).png 16KB
QiuyuanShooting.png 2KB
openjs.js 91KB
Line2 (2).png 529B
jquery (2).js 90KB
2 (2).png 15KB
Line.png 129B
Goal (2).png 3KB
share (2).gif 2KB
openjs (2).js 91KB
3 (2).png 16KB
QiuyuanSuper.png 23KB
Caopi.png 4KB
proxy_v3 (2).htm 28KB
index (2).html 53KB
Goalkeeper.png 3KB
game_end (2).jpg 45KB
Pile (2).png 1KB
Jersey (2).png 3KB
sheraicon (2).png 5KB
daoju_3.png 2KB
JZ (2).gif 3KB
crafty.js 440KB
GoalBackGround.png 4KB
6.png 16KB
Goal.png 3KB
2.png 15KB
daoju_2.png 3KB
7.png 16KB
4.png 16KB
4 (2).png 16KB
Jersey.png 3KB
10 (2).png 17KB
8.png 16KB
Ball.png 2KB
7 (2).png 16KB
daojishu_bg (2).png 13KB
QiuyuanShooting (2).png 2KB
QiuyuanCollision (2).png 34KB
QiuyuanCollision.png 34KB
game_start (2).jpg 56KB
zhiyin_m (2).png 20KB
QiuyuanSuper (2).png 23KB
3.png 16KB
Pile.png 1KB
共 86 条
- 1
资源评论
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于 Javascript 实现的图像裁剪,图像缩放(最邻近插值,双线性差值,三次卷积插值),图像滤镜(灰度,模糊,锐化,卡通)
- S14英雄联盟全球总决赛B站直播弹幕
- 基于javafx+swing实现桌面应用记事本项目(完整的项目,包含源码和素材)
- 新年年会抽奖券批量打印工具ver2.07 -2024.xlsm
- 代码公示-CSP-J2-S2-2024-已解密.zip
- 基于javaFx+swing开发桌球小游戏项目(完整的项目,包含源码和素材)
- 友价免签约支付接口插件最新版
- 个人回归分析学习笔记-1
- 17年国赛,基于 python 实现的图像识别(彩图找黑点和绿点,单纯找黑点,优先绿点后黑点)
- 毕业设计项目:基于Java的网站内容管理系统
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功