JavaScript 弹弹球小游戏(二)

最新推荐文章于 2021-06-25 01:42:08 发布

流年似水的wanglf

最新推荐文章于 2021-06-25 01:42:08 发布

阅读量1.9k

点赞数

分类专栏： JavaScript 文章标签： JavaScript 弹弹球升级版

本文链接：https://blog.csdn.net/u014793936/article/details/45246579

版权

新版弹弹球小游戏,在上一次的基础上,做了改进,可以任意添加小球,而且跑动时可以互不干扰

<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			var step = 10;

			function createBall() {
				//添加到DIV
				var div = document.getElementById("showDiv");
				//创建球对象
				var img = document.createElement("img");
				img.src = "img/qlz.jpg";
				img.style.height = "10px";
				img.style.position = "absolute";
				img.style.left = parseInt(Math.random() * 59) * 10 + "px";
				img.style.top = parseInt(Math.random() * 39) * 10 + "px";
				img.xflag = true;
				img.yflag = true;
				//将球添加到DIV
				div.appendChild(img);
			}

			function moveBall() {
				window.setInterval(function() {
					//获取所有的球
					var balls = document.getElements