Rumah > Artikel > hujung hadapan web > JS小案例之甩不掉的跟屁虫

JS小案例之甩不掉的跟屁虫

不言asal: 2018-04-10 14:31:281880semak imbas

这篇文章主要介绍了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>

Atas ialah kandungan terperinci JS小案例之甩不掉的跟屁虫 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：js阻止事件冒泡的两种方法 Artikel seterusnya：100个常用js函数和语法

Artikel berkaitan

Lihat lagi