图片随鼠标动的JS效果

最新推荐文章于 2021-11-26 14:30:15 发布

天空守护云

最新推荐文章于 2021-11-26 14:30:15 发布

阅读量305

点赞数

本文链接：https://blog.csdn.net/weixin_44606660/article/details/87360051

版权

<!DOCTYPE html>
<html>
<head>
	<title>事件</title>
	<style type="text/css">
		img{width: 50px;height: 50px;border: 1px solid gray;position: absolute;}
	</style>
</head>
<body>
		<!-- <img src=""> -->
	<script type="text/javascript">
		var o=document.createElement('img');//创建图片
		o.src='images/04.jpg';

		document.onmousemove=function (e) {
			e=e||window.event;
			//获取鼠标的位置
			var x=e.pageX;
			var y=e.pageY;
			o.style.left=x+15+'px';
			o.style.top=y+15+'px';

			document.body.appendChild(o);
		};
	</script>
</body>
</html>