div随着鼠标移动

最新推荐文章于 2023-05-17 14:43:36 发布

空空凉凉

最新推荐文章于 2023-05-17 14:43:36 发布

阅读量260

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_41648092/article/details/89062166

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style>
			#box1 {
				width:100px;
				height:100px;
				background-color: #00FFFF;
				position: absolute;
			}
		</style>
		<script type="text/javascript">
			window.function(){
				/**
				 * 使div可以跟着鼠标动起来
				 * 
				 */
				
				//获取box1
				var box1=document.getElementById("box1");
				//绑定鼠标移动事件
				document.function(event){
					//解决兼容问题
					event=event||window.event;
					
					var left=event.pageX;
					var top=event.pageY;
					//设置div的偏移量
					box1.style.left=left+"px";
					box1.style.top=top+"px";
				}
			}
		</script>
	</head>
	<body style="height:1000px">
		<div id="box1" style="left:0;top:0;"></div>
		
	</body>
</html>