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