基本信息
源码名称：HTML5-跳跳球源码
源码大小：0.76M
文件格式：.zip
开发语言：CSS
更新时间：2020-07-13
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍
闯关模式，带背景音乐


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>跳跳球</title>
<link rel="shortcut icon" href="images/favicon.ico"/>
<link type="text/css" rel="stylesheet" href="css/style.css"/>
</head>
<body>
<div id="background">
	<div class="box index">
		<div class="header">
			<span class="toRight"></span>
			<span class="toLeft"></span>
			<span class="spatter"></span>
		</div>
		<div class="below">
			<div class="btns">
				<span class="btn">
				<i class="normalMode">闯关模式</i>
				</span>
				<span class="btn">
				<i class="challengeMode">挑战模式</i>
				</span>
			</div>
			<div class="character">
				<div class="white">
					<em></em>
					<span class="whiteC"></span>
				</div>
				<div class="red">
					<em></em>
					<span class="redC"></span>
				</div>
				<div class="green">
					<em></em>
					<span class="greenC"></span>
				</div>
				<div class="blue">
					<em></em>
					<span class="blueC"></span>
				</div>
			</div>
		</div>
		<span class="new">
		<i>新手教程</i>
		</span>
	</div>
	<div class="box dead">
		<div class="bg">
		</div>
		<div class="dot">
		</div>
		<div class="monster">
			<em></em>
			<em></em>
		</div>
		<div class="progress">
			 33%
		</div>
		<div class="btns">
			<span class="replay">
			<i></i>
			</span>
			<span class="next">
			<i></i>
			</span>
		</div>
		<div class="menu">
			<span></span>
		</div>
		<audio src="music/shakeeyes.wav" preload="auto"></audio>
	</div>
	<div class="box victory">
		<div class="bg1">
		</div>
		<div class="bg2">
		</div>
		<div class="right">
			<div class="trigger">
				<div class="glass">
					<div class="ink">
						<i></i>
					</div>
				</div>
				<div class="water">
				</div>
			</div>
			<div class="character">
			</div>
			<div class="plate">
			</div>
			<div class="stars">
			</div>
		</div>
		<div class="progress">
			 100%
		</div>
		<div class="btns">
			<span class="replay">
			<i></i>
			</span>
			<span class="next">
			<i></i>
			</span>
		</div>
		<div class="menu">
			<span></span>
		</div>
	</div>
	<div class="box level">
		<h2>牛刀小试</h2>
		<div class="chooseLevel">
			<div>
			</div>
			<div>
			</div>
			<div>
			</div>
			<div>
			</div>
			<div>
			</div>
			<div>
			</div>
			<div>
			</div>
			<div>
			</div>
			<div>
			</div>
		</div>
		<div class="menu">
			<span></span>
		</div>
	</div>
	<div class="box main">
		<div class="explain">
			<p class="pattern">
			</p>
			<p class="point">
			</p>
		</div>
		<div class="percentage">
		</div>
		<div class="space">
			<span>!</span>
			<p>
				 空格准备
			</p>
		</div>
		<div id="boss">
			<div class="div">
			</div>
		</div>
		<div class="trigger">
			<div class="glass">
				<div class="lnk">
				</div>
			</div>
			<div class="water">
			</div>
		</div>
		<ul id="content">
		</ul>
		<div class="mainMenu">
			<span></span>
		</div>
	</div>
	<div class="transiton" style="display: none">
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
	</div>
</div>
<!---背景音乐-->
<audio src="music/bgm_01.mp3" id="bgm" preload="auto" loop></audio>
<audio src="music/nbgm_01.mp3" id="nbgm" preload="auto"></audio>
<audio src="music/jbgm_01.mp3" id="jbgm" preload="auto"></audio>
<audio src="music/sbgm.wav" id="sbgm" preload="auto"></audio>
<audio src="music/gbgm_01.mp3" id="gbgm" preload="auto"></audio>
<audio src="music/cbgm_01.mp3" id="cbgm" preload="auto"></audio>
<audio src="music/normal_01.mp3" id="normal" preload="auto" loop></audio>
<audio src="music/gulu_01.mp3" id="gulu" preload="auto" loop></audio>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Mtween.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<div style="text-align:center;">
<p></a></p>
</div>
</body>
</html>