【发布时间】：2011-06-18 12:20:53
【问题描述】：
我正在寻找执行以下操作的 jquery 插件： 假设我有一个 div 容器和 5 个要在 div 中显示的图像。 我希望图像随机位于 div 内，而不会使用 css position relative 属性相互覆盖。 例如：
<div class="floating_are" >
<img src="..." style="position:relative; top:5px; left:3px" />
<img src="..." style="position:relative; top:50px; left:30px" />
<img src="..." style="position:relative; top:80px; left:27px" />
<img src="..." style="position:relative; top:111px; left:92px" />
</div>
输出应该是一个 div，里面有 5 个随机分布的图像。 现在，在我卷起袖子写之前，我想知道你们中是否有人知道现有的插件？
【问题讨论】：
-
你能把你目前拥有的东西写成jsFiddle demo吗？因为我很确定您打算只在外部
div上使用position: relative，在内部divs 上使用position: absolute。 -
好吧，就代码而言，我什么都没有，我只是想避免写一些已经写好的东西。关于外部 div 的位置，它可能是相对的，也可以是固定的或其他任何可能的位置。不能强迫它到某个位置。关于内部 div ，什么是内部 div ？您可以复制我的代码并将其粘贴到 jsfiddle html 部分，看看我的意思。只有您看到我的插件结果的 html，如下所示： $('div.floating_are').spread_img();将随机分配位置到 div.floating_are 的内部图像
标签： jquery html css jquery-plugins