jquery实现大鱼吃小鱼游戏代码
代码语言：html
所属分类：游戏
代码描述：jquery实现大鱼吃小鱼游戏代码
代码标签： 游戏
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.1.11.min.js"></script>
<style type="text/css">
*{font-family:"Scerh",sans-serif}
.jdtstt{border:1px solid #000;}
.rightsty{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.trans{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==)}
html,body{overflow:hidden;white-space:nowrap;}
input[type="button"]{background-color:#fff;border:1px solid #808080;cursor:pointer}
</style>
</head>
<body>
<div style="width:100%;height:50px;background-color:#888;position:absolute;left:0;top:-50px;z-index:10000" class="title-head">
<div style="width:10%;height:50px;display:inline-block">
分数<br><span class="Score">0</span>
</div>
<div style="width:10%;height:50px;display:inline-block">
生命<br><span class="Life">20</span>
</div>
<div style="width:10%;height:50px;display:inline-block">
等级<br><span class="Level">1</span>
</div>
<div style="width:10%;height:50px;display:inline-block;text-align:right">
生命进度<br>等级进度
</div>
<div style="width:59%;height:50px;display:inline-block;white-space:normal;">
<div style="width:100%;height:15px;display:inline-block;" class="jdtstt">
<div style="width:0%;height:15px;display:inline-block;background-color:#f21255" class="jdtsww1"></div>
</div>
<div style="width:100%;height:15px;display:inline-block;" class="jdtstt">
<div style="width:0%;height:15px;display:inline-block;background-color:#72f3fe" class="jdtsww2"></div>
</div>
</div>
</div>
<div style="position:absolute;left:0;top:0;width:100%;height:100%;z-index:10" class="gamestt">
<img src="//repo.bfw.wiki/bfwrepo/image/613c68a74ef2a.png" width="50px" style="position:absolute;left:0;top:0;transition:transform 0.5s;margin:-25px 0 0 -25px;visibility:hidden" class="fish">
</div>
<div style="width:100%;height:100%;position:absolute;left:0;top:0;z-index:12000;" class="mainmenu">
<br><br><br><br><br>
<center style="font-size:80px;">大鱼吃小鱼</center><br><br>
<center><input type="button" value="开始游戏" onclick="startgame()" style="font-size:25px"></center><br>
<center><input type="button" value="游戏说明" onclick="$('.mainmenu').hide();$('.explain').show()" style="font-size:25px"></center><br>
</div>
<div style="width:100%;height:100%;position:absolute;left:0;top:0;z-index:12000;display:none" class="explain">
<br><br><br><br><br>
<center style="font-size:80px;">游戏说明</center>
<center>哇哦，大鱼吃小鱼jQuery版。美丽的大海，灿烂的珊瑚。吃小鱼了！！<br>放飞梦想，全部鱼群。好玩的游戏，小鱼来吃呀！<br>小心，这个等级过小，这个大的鱼扣除生命<br>作者：放飞的你们<br><br>快乐游戏<input type="button" value="关闭" onclick="$('.mainmenu').show();$('.explain').hide()"></center>
</div>
<div style="width:100%;height:100%;position:absolute;left:0;top:0;z-index:12000;display:none" class="gameover">
<br><br><br><br><br>
<center style="font-size:80px;">游戏结束</center>
<center><input type="button" value="重新开始" onclick="startgame()" style="font-size:25px"></center><br>
<center><inpu.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0