动态星星
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body bgcolor="#000000" >
</body>
</html>
<script src="../../public.js"></script>
<script type="text/javascript">
//var body = document.getElementsByTagName("body")[0];
setInterval(createStar,500);
function createStar(){
//创建一个图片标签
var img = document.createElement("img");
//给图片添加图片路径
img.src = "star.gif";
//星星的大小是随机的,
var widRand = getRand(15,30);
//img.style.width = widRand + "px";
img.width = widRand;
//星星的位置是随机的,
img.style.position = "absolute";
//var l = window.innerWidth;
var l = document.documentElement.clientWidth - widRand;
var t = document.documentElement.clientHeight - widRand;
img.style.top = getRand(0,t) + "px";
img.style.left = getRand(0,l) + "px";
//星星的个数是每隔一段时间就会创建一个
//把图片标签添加到body中
document.body.appendChild(img);
//当点击星星的时间星星会被删除。
img.onclick = function(){
this.remove();
}
}
</script>