div一串跟着鼠标走.

最新推荐文章于 2022-08-20 13:28:45 发布

Lvdon9

最新推荐文章于 2022-08-20 13:28:45 发布

阅读量141

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_37995109/article/details/85015902

版权

JavaScript 专栏收录该内容

106 篇文章 0 订阅

订阅专栏

div {
	width: 10px;
	height: 10px;
	background: red;
	position: absolute;
}

<div></div>
<div></div>
<div></div>
<div></div>


window.onload = function() {
    //获取所有的div
    var aDiv = document.getElementsByTagName('div');
    var i = 0;
    //当鼠标移动
    document.onmousemove = function(ev) {

        var oEvent = ev || event;

        for (i = aDiv.length - 1; i > 0; i--) {
            aDiv[i].style.left = aDiv[i - 1].style.left;
            aDiv[i].style.top = aDiv[i - 1].style.top;
        }
        //跟着鼠标走
        aDiv[0].style.left = oEvent.clientX + 'px';
        aDiv[0].style.top = oEvent.clientY + 'px';
    };
}