<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>泡泡</title>
<link href="../css/main.css" rel="stylesheet" type="text/css" />
<link href="../css/all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/play.js"></script>
</head>
<body onload="go()">
<audio src="music.mp3" controls="controls" autoplay="autoplay" loop="loop"></audio>
<audio id ="sound" src="" controls="controls" autoplay="autoplay" ></audio>
<div class="con-play" id="imgdiv">
<!--计数 -->
<div class="jishu">
<img alt="" src="../images/sidai.png" width="100%">
<div id="time" class="time">00:00</div>
</div>
<!--爱的泡泡 -->
<!-- <div class="lovepao">-->
<!-- <img alt="" src="../images/loveren02.png" width="95%" style="margin-top: 10px; margin-left: 10px;"> -->
<!-- <span class="writepao"></span>-->
<!-- </div>-->
<!--按钮 -->
<a class="returnbtn" href="chooselove.html"></a>
<a class="whatbtn" onclick="helptan()" href="javascript:void(0);"></a>
<!--破坏性泡泡
<a class="hidpao hid01" href="javascript:void(0);"></a>
<a class="hidpao hid02" href="javascript:void(0);"></a>
<a class="hidpao hid03" href="javascript:void(0);"></a>
<a class="hidpao hid04" href="javascript:void(0);"></a>-->
<!--成功弹出层 -->
<div class="tan ok" id="success">
<a class="btn-share" href="#" onclick="sharetan()"></a>
<a class="btn-play" href="#" onclick="replay()"></a>
<div class="tantime" id="tantime-okid">01:22</div>
<div class="tanlovepao">
<img alt="" src="../images/loveren02.png" width="100%">
<span class="writepaotan"></span>
</div>
</div>
<!--失败弹出层 -->
<div class="tan fos" id="fail">
<a class="btn-share" href="#" onclick="sharetan()"></a>
<a class="btn-play" href="#" onclick="replay()"></a>
<div class="tantime" id="tantime-fosid">01:22</div>
<div class="tanlovepao">
<img alt="" src="../images/loveren02.png" width="100%">
<span class="tanflspao"></span>
</div>
</div>
<!--蒙层 -->
<div class="greybg" id="greybg"></div>
<!-- 分享弹出层 -->
<div class="sharetan" id="sharetan-id"><img alt="" src="../images/07-22.png" width="100%"> </div>
<!-- 帮助弹出层 -->
<div onclick="palypage()" class="sharetan" id="helptan-id"><img alt="" src="../images/02.jpg" width="100%"></div>
</div>
<SCRIPT language=JavaScript>
function helptan(){
document.getElementById('helptan-id').style.display = "block";
}
function palypage(){
window.location.href="play.html";
}
function replay(){
window.location.reload();
}
function sharetan(){
document.getElementById('sharetan-id').style.display = "block";
}
//计时器
var c=0
var time;
var hourxs="00";
var minxs="00";
var secxs="00";
function timedCount()
{
var temptextmin=document.getElementById('time');
var tantimeokid=document.getElementById('tantime-okid');
var tantimefosid=document.getElementById('tantime-fosid');
var hour = parseInt(c / 3600);// 小时数
var min = parseInt(c / 60);// 分钟数
var lastsecs = c % 60;
if(hour<10){
hourxs="0"+hour;
}else{
hourxs=hour;
}
if(min<10){
minxs="0"+min;
}else{
minxs=min;
}
if(lastsecs<10){
secxs="0"+lastsecs;
}else{
secxs=lastsecs;
}
temptextmin.innerHTML = minxs + ":" + secxs;
tantimeokid.innerHTML = minxs + ":" + secxs;
tantimefosid.innerHTML = minxs + ":" + secxs;
c=c+1;
time=setTimeout("timedCount()",1000);
//document.getElementById('start').style.display = "none";
//document.getElementById('end').style.display = "";
}
var xqsd=100;//小球速度
var dqsd=1500;//大球速度
var size=35;//小球的大小
var jgsd=0;
function deletePao(id){
//document.getElementById("img"+id).style.display = "none";
//document.getElementById("img"+id).firstChild.
//document.getElementById("img"+id).className= "hidpao hid01po";
document.getElementById("img"+id).style.display = "none";
document.all.sound.src = "water.mp3";
setTimeout("showPao("+id+")",0);
}
var countId;
function showPao(id){
imgn++;
getPao(countId++);
}
function showfail(){
document.getElementById("fail").style.display = "block";
document.getElementById("greybg").style.display = "block";
}
function showsuccess(){
document.getElementById("success").style.display = "block";
document.getElementById("greybg").style.display = "block";
}
var $=function(obj){return typeof(obj)=="string"?document.getElementById(obj):obj;};
function go(){
moveTo(0,0);focus();
resizeTo(2000,2000);
w=document.body.clientWidth;
h=document.body.clientHeight;
$("imgdiv").style.width =w+"px";
$("imgdiv").style.height=h+"px";
var d='';
x=[];
y=[];
mr=[];
xs=[];
ys=[];
fm=[];
fr=[];
fn=[];
var wr=w-100;
var hr=h-100;
imgn=8;//小球个数
countId=imgn;
for(var i=0;i<imgn;i++){
var xr=Math.round(Math.random()*wr);
var yr=Math.round(Math.random()*hr);
mr[i]=Math.round(Math.random()*2*Math.PI);
xs[i]=Math.round(Math.random()*5);
ys[i]=Math.round(Math.random()*5);
if(i==0){
x[i]=90;
y[i]=350;
}else if(i%4==1){
x[i]=40;
y[i]=40;
}else if(i%4==2){
x[i]=10;
y[i]=20;
}else if(i%4==3){
x[i]=200;
y[i]=50;
}else if(i%4==0){
x[i]=200;
y[i]=10;
}
if(i==0){
fm[i]=dqsd;
fr[i]=70;
fn[i]=fr[i]*2;
d+="<div class='tanlovepao' id='img"+i+"' style='position:absolute;width:0px;height:0px; left:"+x[i]+"px;top:"+y[i]+"px;z-index:10;' ><img alt='' src='../images/loveren02.png' width='95%' style='margin-top: 10px; margin-left: 10px;'> <span class='writepao'></span></div>";
}else{
fm[i]=xqsd;
fr[i]=size;
fn[i]=fr[i]*2;
d+="<a id='img"+i+"' class='hidpao hid01' href='javascript:void(0);' style='position:absolute;width:0px;height:0px; left:"+x[i]+"px;top:"+y[i]+"px;z-index:10;' onclick=deletePao('"+i+"')></a>";
}
}
$("imgdiv").innerHTML+=d;
runi=0;
setInterval("changxqsd()",3000);
runInterval();
timedCount();
}
function changxqsd(){
jgsd+=30;
}
function getPao(i){
w=document.body.clientWidth;
h=document.body.clientHeight;
var d='';
var wr=w-100;
var hr=h-100;
var xr=Math.round(Math.random()*wr);
var yr=Math.round(Math.random()*hr);
mr[i]=Math.round(Math.random()*2*Math.PI);
xs[i]=Math.round(Math.random()*5);
ys[i]=Math.round(Math.random()*5);
if(i==0){
x[i]=150;
y[i]=200;
}else if(i%4==1){
x[i]=10;
y[i]=10;
}else
html5手机微信气泡碰撞游戏源码.zip
15 浏览量
2024-04-18
02:32:33
上传
评论
收藏 10.74MB ZIP 举报
html5手机微信气泡碰撞游戏源码.zip （40个子文件） 
qipao--0911 js 
jquery-1.9.1.min.js 90KB play.js 91B css main.css 2KB all.css 11KB html 
chooselove2.html 7KB chooselove.html 1KB play.html 14KB water.mp3 6KB index.html 653B music.mp3 8.34MB images 
02.jpg 295KB
07-22.png 77KB Thumbs.db 233KB kongpao.png 52KB lovepao.png 67KB sidai.png 13KB hidpao_04.png 25KB decshow.jpg 58KB hidpao.png 20KB tanfls.png 300KB lovecao02.png 68KB what.png 14KB kongpao2.png 46KB konghidpao.png 67KB lovecao01.png 91KB hidpao_01.png 31KB hidpao_03.png 25KB tanok.png 302KB start.png 17KB lovecao03.png 46KB loveren01.png 75KB indexshow.jpg 184KB btnplay.png 4KB btnshare.png 4KB loveren02.png 65KB return.png 13KB 07-2.jpg 237KB palyshow.jpg 29KB hidpao_02.png 31KB loveren03.png 83KB资源评论
