<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="MobileOptimized" content="320">
<meta name="apple-touch-fullscreen" content="YES">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>龟兔再跑</title>
<link href="css/style.css" rel="stylesheet">
<link href="css/main.css?v=0.55" rel="stylesheet">
<link href="css/webBox.css" rel="stylesheet">
<link href="css/msgBox.css" rel="stylesheet">
<link href="css/media.css" rel="stylesheet">
</head>
<body>
<script>
function GetParam(e){//通过名称获取url传值方法
/*
*e:key名字
*/
var url = document.location.href;
var name="";
e+='=';
if (url.indexOf(e)>0){
name = url.substring(url.indexOf(e)+e.length,url.length);
}
if(name.indexOf('&')>0){
name = name.substring(0,name.indexOf('&'));
}
return name;
}
if(!GetParam('restart')){
var bodyObj = document.body;//页面body节点对象
var loadingBox = document.createElement("div");//Loading对象
bodyObj.appendChild(loadingBox);//新建的对象加入页面
loadingBox.innerHTML='<div class="rabbitLoading" id="loadingId"><div class="rabbitLoad"><img src="logo.png" ><div class="progressbar"><div class="progressing" id="progressingId"></div></div></div></div>';
loadingBox.id="loadingBox_by_gzy";
var loadPre=0;
var loadTimer;
setProgress();
}
function setProgress(){
var rnd=Math.ceil(Math.random()*10)+5;
loadPre+=rnd;
if(loadPre>90){
loadPre=90;
}
document.getElementById('progressingId').style.width=loadPre+'%';
if(loadPre<90){
loadTimer=setTimeout(function(){
setProgress();
},3000);
}
}
</script>
<div class="main" id="mainId" style="height: 504px; -webkit-transform: scale(0.952380952380952, 0.952380952380952); transform: scale(0.952380952380952, 0.952380952380952);">
<div class="sence sence0" id="sence0Id" style="display: block; opacity: 1; z-index: 1;">
</div>
<div class="sence sence1" id="sence1Id">
<div class="rabbitFront">
<img src="images/rabbit1.png">
<div class="rabbitHand">
<!--<img src="images/hand1.png" id="rabbitHandId" />-->
</div>
</div>
<div class="jumpLineCtxBox" id="jumpLineCtxBoxId" style="width: 320px; height: 504px;">
<div class="jumpLineImg">
<img src="images/line0.png" id="line0Id" style="z-index:5;">
<img src="images/line1.png" id="line1Id" style="z-index:5;">
<img src="images/line2.png" id="line2Id" style="z-index:5;">
<img src="images/line3.png" id="line3Id" style="z-index:5;">
<img src="images/line4.png" id="line4Id" style="z-index:5;">
<img src="images/line5.png" id="line5Id">
<img src="images/line6.png" id="line6Id">
<img src="images/line7.png" id="line7Id">
<img src="images/line8.png" id="line8Id">
<img src="images/line9.png" id="line9Id">
<img src="images/line10.png" id="line10Id">
<img src="images/line11.png" id="line11Id">
<img src="images/line12.png" id="line12Id">
<img src="images/line13.png" id="line13Id">
<img src="images/line14.png" id="line14Id">
<img src="images/line15.png" id="line15Id" style="z-index:5;">
<img src="images/line16.png" id="line16Id" style="z-index:5;">
<img src="images/line17.png" id="line17Id" style="z-index:5;">
<img src="images/line18.png" id="line18Id" style="z-index:5;">
<img src="images/line19.png" id="line19Id" style="z-index:5;">
</div>
</div>
<div class="rabbitBack">
<img src="images/rabbit2.png">
</div>
<div class="tortoiseBox" id="tortoiseBoxId">
<div class="tortoise1" id="tortoise1Id" style="display: none;">
<img src="images/tortoise_f1.png" id="tortoise1_loseId">
<img src="images/tortoise_n1.png" id="torroise1_waitId">
<img src="images/tortoise_n1.png" id="torroise1_walk1Id">
<img src="images/tortoise_w1.png" id="torroise1_walk2Id">
<img src="images/tortoise_up1.png" id="torroise1_jumpId">
</div>
<div class="tortoise2" id="tortoise2Id" style="display: none;">
<img src="images/tortoise_f2.png" id="tortoise2_loseId">
<img src="images/tortoise_n2.png" id="torroise2_waitId">
<img src="images/tortoise_n2.png" id="torroise2_walk1Id">
<img src="images/tortoise_w2.png" id="torroise2_walk2Id">
<img src="images/tortoise_up2.png" id="torroise2_jumpId">
</div>
<div class="tortoise3" id="tortoise3Id" style="display: none;">
<img src="images/tortoise_f3.png" id="tortoise3_loseId">
<img src="images/tortoise_n3.png" id="torroise3_waitId">
<img src="images/tortoise_n3.png" id="torroise3_walk1Id">
<img src="images/tortoise_w3.png" id="torroise3_walk2Id">
<img src="images/tortoise_up3.png" id="torroise3_jumpId">
</div>
<div class="tortoise4" id="tortoise4Id" style="display: none;">
<img src="images/tortoise_f4.png" id="tortoise4_loseId">
<img src="images/tortoise_n4.png" id="torroise4_waitId">
<img src="images/tortoise_n4.png" id="torroise4_walk1Id">
<img src="images/tortoise_w4.png" id="torroise4_walk2Id">
<img src="images/tortoise_up4.png" id="torroise4_jumpId">
</div>
</div>
<div class="scoreBox" id="scoreBoxId">
<img src="images/0.png">
<img src="images/1.png" class="display_no">
<img src="images/2.png" class="display_no">
<img src="images/3.png" class="display_no">
<img src="images/4.png" class="display_no">
<img src="images/5.png" class="display_no">
<img src="images/6.png" class="display_no">
<img src="images/7.png" class="display_no">
<img src="images/8.png" class="display_no">
<img src="images/9.png" class="display_no">
</div>
<!--文字提示-->
<div class="bannerText">
<div class="text">
点击手机控制乌龟跳绳
</div>
</div>
<div class="ctrlBox" id="ctrlBoxId">
</div>
</div>
<div class="sence sence2" id="sence2Id" style="opacity: 0; display: none; z-index: -1;">
<div class="gameEndBox">
<img src="images/end.png">
</div>
<div class="mark"><span id="markId">
<img src="images/0.png">
</span></div>
<div class="btn restartBtn" id="restartBtnId">
<img src="images/btn_1.png">
</div>
<div class="btn shareBtn" id="shareBtnId">
<img src="images/btn_2.png">
</div>
<div class="btn paihangBtn" id="paihangBtnId">
<img src="images/btn_3.png">
</div>
</div>
</div>
<script src="js/command.js"></script>
<script src="js/main.js"></script>
<!-- /*<script language=javascript>
/* var game9g = new Game9G("gtzp");
game9g.shareData.title = "龟兔再跑-9G游戏";
game9g.shareData.content = "最难的游戏！你最多能跳�
gtzp.zip （64个子文件） 
gtzp js 
command.js 43KB main.js 19KB
logo.png 3KB css style.css 3KB main.css 5KB media.css 69B
start.jpg 539KB msgBox.css 820B bg.jpg 22KB webBox.css 6KB
index.html 9KB images tortoise_up1.png 9KB line17.png 7KB line2.png 8KB line1.png 8KB line10.png 7KB line12.png 9KB line19.png 4KB end.png 40KB line14.png 9KB 9.png 1KB tortoise_f2.png 9KB tortoise_w2.png 9KB 3.png 1KB tortoise_w1.png 9KB 0.png 926B line16.png 9KB btn_3.png 12KB tortoise_n2.png 9KB line5.png 9KB tortoise_w3.png 13KB rabbit2.png 7KB line0.png 5KB line6.png 9KB tortoise_up2.png 9KB 1.png 327B line7.png 8KB tortoise_f1.png 9KB line13.png 9KB tortoise_w4.png 16KB line9.png 4KB tortoise_f4.png 15KB line4.png 8KB 6.png 1KB line3.png 8KB tortoise_up3.png 13KB line15.png 9KB btn_1.png 6KB line8.png 7KB 5.png 906B 4.png 569B 8.png 1KB tortoise_n3.png 13KB tortoise_n4.png 15KB rabbit1.png 26KB btn_2.png 4KB 7.png 599B tortoise_f3.png 13KB tortoise_n1.png 9KB tortoise_up4.png 16KB 2.png 849B line18.png 6KB line11.png 9KB icon.png 42KB资源评论
程序员SUMER
- 粉丝: 5131
- 资源: 229
最新资源
- 3. Kafka入门-安装与基本命令
- java全大撒大撒大苏打
- pca20241222
- LabVIEW实现LoRa通信【LabVIEW物联网实战】
- CS-TY4-4WCN-转-公版-XP1-8B4WF-wifi8188
- 计算机网络期末复习资料（课后题答案+往年考试题+复习提纲+知识点总结）
- 从零学习自动驾驶Lattice规划算法(下) 轨迹采样 轨迹评估 碰撞检测 包含matlab代码实现和cpp代码实现，方便对照学习 cpp代码用vs2019编译 依赖qt5.15做可视化 更新:
- 风光储、风光储并网直流微电网simulink仿真模型 系统由光伏发电系统、风力发电系统、混合储能系统（可单独储能系统）、逆变器VSR+大电网构成 光伏系统采用扰动观察法实现mppt控
- (180014016)pycairo-1.18.2-cp35-cp35m-win32.whl.rar
- (180014046)pycairo-1.21.0-cp311-cp311-win32.whl.rar
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
