Rumah > Artikel > hujung hadapan web > JS小案例之甩不掉的跟屁虫
这篇文章主要介绍了JS小案例之甩不掉的跟屁虫 ,需要的朋友可以参考下
<br>
根本鼠标的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>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Atas ialah kandungan terperinci JS小案例之甩不掉的跟屁虫 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!