js实现图片跟随鼠标移动的两种方法

nbsp;html>

	
		<meta><title></title><style>
			img{
				position: fixed;
				left: 0px;
				top: 0px;
			}
		</style><img  alt="js实现图片跟随鼠标移动的两种方法" ><script>
			var img = document.querySelector(&#39;img&#39;);
			// mousemove鼠标移动事件
			document.addEventListener(&#39;mousemove&#39;,function(e){
				var pagex = e.pageX-20+&#39;px&#39;;
				var pagey = e.pageY-20+&#39;px&#39;;
				// console.log(pagex,pagey);
				img.style.left = pagex;
				img.style.top = pagey;
			})
		</script>

nbsp;html>

	
		<meta><title></title><style>
			img{
				position: absolute;
				width: 80px;
			}
		</style><img  alt="js实现图片跟随鼠标移动的两种方法" ><script>
			window.onmousemove = function(e){
				var x = e.pageX;
				var y = e.pageY;
				img.style.left = x+&#39;px&#39;;
				img.style.top = y+&#39;px&#39;;
			}
		</script>