JavaScript+HTML实现小游戏“消灭星星”

最新推荐文章于 2023-05-22 10:10:44 发布

小戴的网络日志

最新推荐文章于 2023-05-22 10:10:44 发布

阅读量1.8k

点赞数 3

文章标签： JavaScript HTML 游戏

本文链接：https://blog.csdn.net/weixin_42483501/article/details/81131256

版权

代码可全部用JavaScript写，也可以用使用CSS添加部分样式。下面代码全部放在头部里面。

window.onload=function(){
	document.body.bgColor="black";
	window.setInterval("start1()",1000);
}
function start1(){
	var imgObj=document.createElement("img");
	imgObj.setAttribute("src","img/xingxing.gif");
	var w=getRandom(13,85);
	imgObj.setAttribute("width",w);
	var x=getRandom(0,window.innerWidth-80);
	var y=getRandom(0,window.innerHeight-80);
	imgObj.setAttribute("style","position:absolute;left:"+x+"px;top:"+y+"px;");
	imgObj.setAttribute("onclick","hidden1(this)");//绑定点击事件
	document.body.appendChild(imgObj);//将对象追加进body
}
function getRandom(min,max){//返回随机数
	var num = Math.random()*(max-min)+ 11;
	return parseInt(num);
}
function hidden1(obj){
	document.body.removeChild(obj);
}

以下是图片素材：https://i-blog.csdnimg.cn/blog_migrate/b045ac9dbc0d70cdfe3371dafaeef6f5.gif