jQuery制作火柴人游戏源码

最新推荐文章于 2022-01-17 14:53:29 发布

myqq3433548009

最新推荐文章于 2022-01-17 14:53:29 发布

阅读量1.8k

点赞数 2

文章标签： javascript html html5 jquery css3

本文链接：https://blog.csdn.net/weixin_46377527/article/details/104505490

版权

这篇博客提供了使用jQuery制作的火柴人游戏的源码下载，包括HTML、CSS3和JavaScript技术。读者可以下载源码进行学习和研究，享受编程乐趣，提升技能。

摘要由CSDN通过智能技术生成

提供代码鉴阅及源码下载
下载源码链接：
链接：https://pan.baidu.com/s/16U4C8FJk8cVwqn6Q0ciwkA
提取码：iqwg

<!DOCTYPE html>
<html>
	<style type="text/css">
	</style>

	<head>
		<meta charset="utf-8">
		<title>Y-X-Q-mygames</title>
		<script type="text/javascript" src="jquery-3.4.1/jquery-3.4.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				var count = 0;//记录通关数
				var M = 0;//km
				var stickTime=2500;//木块伸长时间//定义木块伸长速度
				var $width_Window = $(document).width(); //获取当前窗口文档body的宽度
				var $height = $(document).height(); //获取当前窗口文档body的高度
				var $Radm = Math.round((Math.random() * ($width_Window))); //随机数：Math.random
				var $pass  =  "<div id='pass'>太棒了👍666<br />go &nbsp;on</div>";//点赞
				var $Via  = "<div id='Via'>第1关</div>";//记录关卡
				var $score = "<div id='score'>0分</div>";//分数块
				var $M   =  "<div id='M'>0km</div>";//里程块
				var $stick = "<div id='stick'></div>"; //木块伸长
				var $man = "<div id='man'></div>"; //人
				var $str = "<div id='banner'></div>"; //人石块整体
				var $str_1 = "<div id='banner_1'></div>"; //石块一
				var $str_2 = "<div id='banner_2'></div>"; //石块二
				var $btn = "<button>button</button>";
				//alert($man_div);//我的样式：
				$("*").css({"margin":"0","padding":"0","overflow":"hidden"});
				$("body").append($str).html($("#banner").css({ //我是div：banner
					"width": ($width_Window) / 1 + "px",
					"height": "500px",
					"position": "absolute",
					"left": "0%",
					"bottom": "0%"
				}));
				$("body").css({ //body：背景图
					"position": "absolute",
					"background": "no-repeat url(img/images/1.jpg)",
					"width": ($width_Window) + "px",
					"height": ($height) + "px",
				});
				/