<!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>
案例动态创建星星
猜你喜欢
转载自blog.csdn.net/qq_38068491/article/details/82991479
今日推荐
周排行