环球新动态：js实现图片跟随鼠标移动的两种方法

(资料图片)

这里列举了两种实现方法：

第一种

<script type="text/javascript">var img = document.querySelector("img");// mousemove鼠标移动事件document.addEventListener("mousemove",function(e){var pagex = e.pageX-20+"px";var pagey = e.pageY-20+"px";// console.log(pagex,pagey);img.style.left = pagex;img.style.top = pagey;})</script>

第二种

<script type="text/javascript">window.onmousemove = function(e){var x = e.pageX;var y = e.pageY;img.style.left = x+"px";img.style.top = y+"px";}</script>

相关推荐：【JavaScript视频教程】

以上就是js实现图片跟随鼠标移动的两种方法的详细内容，更多请关注php中文网其它相关文章！

关键词： 跟随鼠标 相关文章 鼠标移动