js漫天小星星

最新推荐文章于 2019-10-31 17:15:56 发布

林剑南

最新推荐文章于 2019-10-31 17:15:56 发布

阅读量135

点赞数

分类专栏： js案例文章标签： js漫天小星星

本文链接：https://blog.csdn.net/u014414110/article/details/88820063

版权

js案例专栏收录该内容

35 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		div{
			width: 500px;
			height: 500px;
			border:  1px solid yellow;
			background-color: black;
			position: relative;
		}
		span{
			position: absolute;
			color: yellow;
		}
	</style>
	<body>
	</body>
	
	<input type="button" value="动起来" id="box" />
	<div id="dv"></div>
	<script>
		function my(id) {
			return document.getElementById(id);
		}
		my("box").onclick = function() {
		
		 setInterval(function() {
			my("dv").innerHTML="<span>五角星</span>";


				var x = parseInt(Math.random() * 500 + 1);
				var y = parseInt(Math.random() * 500 + 1);
				my("dv").firstElementChild.style.left = x + "px";

				my("dv").firstElementChild.style.top = y + "px";

			}, 100)
		
		}
	</script>
</html>

林剑南

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js漫天小星星

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> div{ width: 500px; height: 500px; border: 1px so...
复制链接

扫一扫

专栏目录