<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
window.onload = function(){
document.body.bgColor = "black";
window.setInterval("str()",1000);
}
function str()
{
var imgObj = document.createElement("img");
imgObj.setAttribute("src","img/1.jpg");
//图片的随机大小
var width = getRandom(20,100);
imgObj.setAttribute("width",width);
//位置
var x = getRandom(0,window.innerWidth);
var y = getRandom(0,window.innerHeight);
imgObj.setAttribute("style","position: absolute;left:"+x+"px;top:"+y+"px;")
//点击的时候消失
imgObj.setAttribute("onclick","removeImg(this)");
document.body.appendChild(imgObj);
}
//随机数
function getRandom(min,max){
var random = Math.random()*(max - min)+min;
random = Math.floor(random);
return random;
}
//移除img
function removeImg(obj)
{
document.body.removeChild(obj);
}
</script>
</head>
<body>
</body>
</html>