将包含文本的div与碰撞检测结合使用

时间:2013-10-04 16:19:33

标签: javascript css html5 animation collision-detection

我的客户要求在屏幕上移动赞助商名称的页面(最多20个名字),赞助商名称绝不能重叠。每个名称的字体大小略有不同,页面加载时每个名称的初始起始位置应该是随机的。我之前没有这样做过。我正在考虑将赞助商名称放在div或span标签中,然后在这些容器上执行所需的逻辑,以便更容易定义边界。我正在寻找一些帮助,通过使用像setTimeout()或JS插件(如果存在的话)来移动div,并且还有一些关于名称冲突检测的帮助。我也对基于CSS转换的解决方案持开放态度,因为它将是一个自包含的安装,我们可以完全控制所使用的浏览器等。

一旦实现了这些效果,我将使用页面过渡或impress.js来放大详细的赞助商信息页面并返回到相同的概述移动文本页面。我应该能够自己处理这个部分。

提前感谢您提供任何帮助。

0 个答案:

没有答案