JS小案例之甩不掉的跟屁虫
程序员文章站
2022-05-12 23:29:35
...
这篇文章主要介绍了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小案例之甩不掉的跟屁虫 的详细内容,更多请关注其它相关文章!