案例图片跟着鼠标移动

最新推荐文章于 2021-05-01 08:09:10 发布

qq_38068491

最新推荐文章于 2021-05-01 08:09:10 发布

阅读量189

点赞数

本文链接：https://blog.csdn.net/qq_38068491/article/details/83038065

版权

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
	</body>

</html>
<script type="text/javascript">
	var img = document.createElement("img");
	img.src = "img/hfbj1.jpg";
	img.style.width = "100px";
	img.style.height = "100px";
	img.style.position = "absolute";
	document.body.appendChild(img);
	
	document.onmousemove = function(e) {
    var e=e||event;
    var x=e.pageX;
    var y=e.pageY;
    img.style.left=x-50+"px";
    img.style.top=y-50+"px";
	}
</script>