植物大战僵尸简单版

news/2025/1/16 0:03:32/

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>body{background-image: url("zombies/bg1.jpg");overflow: hidden;/*超出范围不显示*/}img{position: absolute;/**/width: 100px;height: 100px;}</style>
</head>
<body>
<h3 id="s_h3">成功数量：0</h3>
<h3 id="f_h3">失败数量：0</h3>
<script src="../js/jquery-1.4.2.js"></script>
<script>let sCount=0;let fCount=0;
</script>
<script>//得到窗口宽高let w=$(window).width();let h=$(window).height();//修改背景图片尺寸为窗口尺寸$("body").css("background-size",w+"px"+h+"px");onresize=function () {//窗口尺寸改变事件w=$(window).width();h=$(window).height();//修改背景图片尺寸为窗口尺寸$("body").css("background-size",w+"px"+h+"px");}//开启添僵尸的定时器setInterval(function () {let type=parseInt(sCount/20);if (type>3){type=3;}//让类型和血量建立关系let hp=type+1;//创建僵尸图片let img=$("<img src='zombies/zomb"+type+".png'>");//给僵尸设置img.attr("hp",hp)//设置僵尸的位置let top=parseInt(Math.random()*(h-50));img.css({"left":w+"px","top":top+"px"})//添加到页面中$("body").append(img)img.mouseover(function () {//得到僵尸当前的血量 并让其-1let hp=img.attr("hp");hp--;//把新的血量放回去img.attr("hp",hp)if (hp<=0){//判断僵尸没有血之后 再把僵尸删除img.remove();//删除僵尸图片//统计干掉僵尸数量sCount++;$("#s_h3").text("成功数量："+sCount);}})},1)//开启移动僵尸的定时器setInterval(function () {//遍历每个僵尸图片$("img").each(function () {//得到原来的leftlet left=parseInt($(this).css("left"));left-=1;//每次移动//把变小的left 再给到僵尸图片$(this).css("left",left+"px");if (left<=50){$(this).remove();//统计干掉僵尸数量fCount++;$("#f_h3").text("失败数量："+fCount);if (fCount>=10){//避免显示不出10 添加定时器setTimeout(function () {alert("游戏结束了！")location.reload();//刷新},50);}}})},10)

植物大战僵尸简单版

相关文章

植物大战僵尸无尽版游泳池优秀阵容推荐（一）

植物大战僵尸1下载（附介绍）

植物大战僵尸泳池无尽8炮攻略

0行代码，实现植物大战僵尸脚本

CE修改植物大战僵尸-天上无限掉落阳光（小宇特详解）

植物大战僵尸(Plants vs. Zombies)Mac版本

傲梅一键还原，软件操作。

联想笔记本e480恢复出厂设置_ThinkPad笔记本一键恢复键是哪个|Thinkpad按什么键进一键还原...