跟随鼠标移动效果

<!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>

 

相关文章