js--小球跟随鼠标移动

最新推荐文章于 2023-03-27 20:02:11 发布

可可爱i

最新推荐文章于 2023-03-27 20:02:11 发布

阅读量721

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_53441451/article/details/112584754

版权

<style>
	.box {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: darkturquoise;
        display: none;
        position: fixed;
        left: 0;
        top: 0;
    }
</style>
<body>
	<div class='box'></box>
	<script>
		var div = document.querySelector('div');
    	document.onmousemove = function (e) {
        div.style.display = 'block';
        var radous = div.offsetWidth >> 1;
        e = e || window.event;
        var x = e.clientX;
        div.style.left = x - radous + 'px';
        var y = e.clientY;
        div.style.top = y - radous + 'px';
    }
	</script>
</body>