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

不言

Lepaskan： 2018-04-10 14:31:28

asal

1892 orang telah melayarinya

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

<br>

根本鼠标的XY值，让元素移动

Salin selepas log masuk

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

Salin selepas log masuk

<br>

Salin selepas log masuk

<br>

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

Label berkaitan：

javascript 案例

sumber：php.cn

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

Kenyataan Laman Web ini

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 terbaru oleh pengarang