js实现跟随鼠标移动的小球

这篇文章将带您领略如何使用JavaScript实现一个跟随鼠标移动的小球。这是一个很有趣的交互效果，不仅可以提升您的编程技能，还能为您的网页增添趣味性。让我们一起来实现吧！

我们需要在HTML中创建两个盒子，每个盒子里都有一个小球。这些小球将根据鼠标的位置进行移动。代码如下：

```html

```

在这个例子中，我们使用了`mousemove`事件来监听鼠标的移动。每当鼠标移动时，`moveBall`函数就会被调用，并传入事件对象和小球的ID作为参数。在函数中，我们获取到鼠标的坐标，并设置小球的`left`和`top`样式属性，使其移动到鼠标的位置。

这个简单的例子展示了如何使用JavaScript实现跟随鼠标移动的小球。您可以根据自己的需求对这个例子进行扩展和修改，比如改变小球的颜色、大小、速度等。希望这个例子能激发您的创造力，为您的网页增添更多的交互性和趣味性。如果您对这篇文章有任何疑问或建议，欢迎多多交流，也请支持我们的网站。感谢您的阅读！