JavaScript_星空

<!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...还不错 哈哈哈   

发布了14 篇原创文章 · 获赞 12 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/Watson_Ashin/article/details/81976312