主要为大家详细介绍了js实现跟随鼠标移动的小球，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

主要介绍了原生JS实现的多个彩色小球跟随鼠标移动动画效果,涉及javascr ipt事件响应、页面元素属性动态修改及随机数应用等相关操作技巧,需要的朋友可以参考下

本文实例讲述了原生JS实现的多个彩色小球跟随鼠标移动动画效果。分享给大家供大家参考，具体如下： 实现方法： 每个小球移动都有自己的坐标，小球移动的同时，需要进行坐标传递，将第一个坐标依次传递给最后一个坐标，来实现小球跟着移动的效果 实现代码： 小球运动 p { border-radius: 50%;

一、跟随鼠标移动的小球 使用mouseX,mouseY可以创建一个跟随鼠标移动的小球。 function setup() { createCanvas(400, 400); } function draw() { background(220); ellipse(mouseX,mouseY,20,20); } 二、让小球更加平滑的移动——使用Easing 一般制作精良的UI界面都会用到平滑移动这一效果，也就是利用了名为“Easing”的方法。 实现思路是另外设置变量以进行位置的

本文实例为大家分享了js实现跟随鼠标移动的具体代码，供大家参考，具体内容如下 follow mouse *{ margin: 0; padding:0; } #div1{width: 50px;height: 50px;background: red;color:#fff;text-align: center;line-height: 50px; position: absolute;transition: