案例动态创建星星

最新推荐文章于 2020-07-22 22:12:15 发布

qq_38068491

最新推荐文章于 2020-07-22 22:12:15 发布

阅读量271

点赞数

本文链接：https://blog.csdn.net/qq_38068491/article/details/82991479

版权

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body bgcolor="#000000">
		
	</body>

</html>
<script type="text/javascript" src="../public.js">
	
</script>
<script type="text/javascript">

   //获取元素
   var body=document.body;
   setInterval(createStar,500);
   function createStar(){
   	var img=document.createElement("img");
   	img.src="img/star.gif";
   	img.style.width=getRand(15,30)+"px";
   	img.style.height=getRand(15,30)+"px";
   	img.style.position="absolute";
   	var w=document.documentElement.clientWidth-getRand(15,30);//浏览器可视宽
   	var h=document.documentElement.clientHeight-getRand(15,30);//浏览器可视高
   	img.style.top=getRand(0,h)+"px";
   	img.style.left=getRand(0,w)+"px";
   	body.appendChild(img);
   	img.onclick=function(){
   		this.remove();
   	}
   }
</script>