JS学习-7.练习2

最新推荐文章于 2024-07-22 15:13:59 发布

立花泷的学习日记

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量695

点赞数

分类专栏： js 文章标签： javascript css3 html

本文链接：https://blog.csdn.net/qq_37974765/article/details/121281267

版权

HTML CSS JavaScript 动态效果事件监听

关键词由CSDN通过智能技术生成

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

屏幕上显示一个触碰不到的元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		*{margin: 0;padding: 0;}
		/*别忘了定义position*/
		#myDiv{height: 50px;width: 50px;top: 0;left: 0;background: red;position: absolute;}
		</style>
	</head>
	<body>
		<div id="myDiv">
		</div>
		<script>
		var myDiv=document.getElementById('myDiv');
		myDiv.onmouseover=function(){
			myDiv.style.top=Math.random()*(innerHeight-50)+'px';
			myDiv.style.left=Math.random()*(innerWidth-50)+'px';
		};
		</script>
	</body>
</html

立花泷的学习日记

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS学习-7.练习2

屏幕上显示一个触碰不到的元素<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{margin: 0;padding: 0;} /*别忘了定义position*/ #myDiv{height: 50px;width: 50px;top: 0;left: 0;background: red;pos
复制链接

扫一扫