js 小实例随机出现小飞机

最新推荐文章于 2023-02-17 13:31:16 发布

weixin_33725272

最新推荐文章于 2023-02-17 13:31:16 发布

阅读量186

点赞数

原文链接：http://www.cnblogs.com/mingjixiaohui/p/5262569.html

版权

<!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>

转载于:https://www.cnblogs.com/mingjixiaohui/p/5262569.html

weixin_33725272

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 小实例随机出现小飞机

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ document.body.bgColor = "blac...
复制链接

扫一扫