我的客户请求一个页面，其中赞助商名称在屏幕上四处移动（最多 20 个名称），并且赞助商名称不得重叠。每个名称的字体大小略有不同，并且每个名称在页面加载上的初始起始位置应该是随机的。我以前没有做过这样的事情。我正在考虑将赞助商名称放在 div 或 span 标签中，然后在这些容器上执行所需的逻辑，以便更轻松地定义边界。我正在寻找使用 setTimeout() 或 JS 插件（如果存在）之类的东西来移动 div 的一些帮助，以及名称碰撞检测方面的一些帮助。我也对基于 CSS 过渡的解决方案持开放态度，因为它将是一个独立的安装，我们可以完全控制所使用的浏览器等。
一旦实现了这些效果，我将使用页面转换或 impress.js 来放大详细的赞助商信息页面并返回到相同的概览移动文本页面。不过，我应该能够自己处理这部分。
提前感谢您提供的任何帮助。