我在数据库中有超过50条简单的文本消息,我将它们(使用PHP)提取出来并使用绝对定位将它们随机放置在页面上。不幸的是,其中一些消息相互重叠,我希望阻止它们。
我可以使用MooTools查找每个元素的位置及其尺寸,以便放置在页面上的新元素不会与之前的任何元素重叠吗?
将MooTools 1.3与所有核心功能结合使用。
答案 0 :(得分:0)
查看Element.getCoordinates()以获取元素的坐标和尺寸。
在你的标记中,你可以在每个消息元素上有一个类message
用于选择,而一个类hidden
在所有消息上设置CSS visibility: hidden
。
在domready
上,您将进行一些简单的边界检测以检测重叠的消息,一旦避免重叠,您可以删除hidden
类以在页面上绘制消息。
答案 1 :(得分:0)
我无法评论这个问题,可能是因为我把它称为“客人”,现在我已经注册了。
我的HTML / CSS非常简单。 http://jsfiddle.net/bDDLt/
PHP对位置和样式进行计算,并将这些变量放入元素样式中。 jsfiddle中的值是示例(因为它不接受PHP)