跟随鼠标移动效果
Posted 一望无际tiger
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了跟随鼠标移动效果相关的知识,希望对你有一定的参考价值。
<!doctype html> <html> <head> <title></title> <meta charset = "utf-8"/> </head> <style type="text/css"> #imgId{ position:absolute; } </style> <script type="text/javascript"> function move(evt){ var img=document.getElementById("imgId"); //动态改变图片的坐标(图片的style的left和top),让图片的坐标和鼠标的坐标一致; img.style.left=evt.clientX; img.style.top=evt.clientY; } </script> <body onmousemove="move(event)"> <img id="imgId" src="images/1.jpg"> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </body> </html>
以上是关于跟随鼠标移动效果的主要内容,如果未能解决你的问题,请参考以下文章