JavaScript_星空

Watson_Ashin

于 2018-08-23 10:42:19 发布

阅读量341

点赞数

文章标签： JavaScript html 星空

本文链接：https://blog.youkuaiyun.com/Watson_Ashin/article/details/81976312

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				background-color: black;
			}
			img{
				width: 40px;
				position: absolute;
			}
		</style>
	</head>
	<body>
		<div id="star_box">		
		</div>
		<script type="text/javascript">
			function coor(){
				content = ""
				for (var n = 0;n<8;n++){
					var x = Math.random()*innerWidth;
					var y = Math.random()*innerHeight;
					var content = content+'<img src="img/xing.gif"  style="left:'+x+'px;top:'+y+'px;"/>';
				}
				return content
			}
			function repeat(){				
				document.getElementById("star_box").innerHTML = coor();
			}
			var r = setInterval(repeat,200)
		</script>
		
	</body>
</html>

好久没更新啦~~~，最近在学html，东西太多太复杂记得好乱

不过好在实现方法很多，所以大概记个所以也能做出了东西啦~

上述代码是我最近写的代码，星空效果，代码很简单所以没有注释了

emmm...还不错哈哈哈