<!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
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
基于HTML实现的html5手机微信气泡碰撞游戏源码网页(含HTML源代码).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
共 40 条
- 1
资源评论
CrMylive.
- 粉丝: 1w+
- 资源: 4万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功