这篇文章主要介绍了JS小案例之甩不掉的跟屁虫 ,需要的朋友可以参考下


根本鼠标的XY值,让元素移动<body> <img src="image/toux.ico" id="imgbug" alt="移动图片"></body> <script type="text/javascript"> window.onload = function () { var ima = document.getElementById("imgbug"); ima.style.position = "absolute";//让图片绝对定位 //注册鼠标的移动处理函数 document.onmousemove = function () { //改变图片的坐标 //获取鼠标的坐标 var x = event.clientX; var y = event.clientY; ima.style.left = x-ima.offsetWidth+"px"; ima.style.top = y - 76+"px"; } }</script>

以上就是JS小案例之甩不掉的跟屁虫 的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码