浮动 div - 向现有脚本添加多个答案

【问题标题】：Floating divs - adding more than one to existing script浮动 div - 向现有脚本添加多个
【发布时间】：2013-03-14 04:28:32
【问题描述】：

我使用this page 作为我的网络项目的门户。作为this question 的答案发布的jsfiddle 脚本本质上是我正在寻找的，但我不确定如何让多个 div 在窗口中同时滑动。我想在其中包含带有文本链接的 div，例如“WEIRD CREEP”。我尝试自己编辑它没有成功，因为我对脚本的了解很差。

【问题讨论】：

标签： javascript jquery css html

【解决方案1】：

我想这就是你要找的：

$(document).ready(function(){

    $(".example_selector").each(function() {
         animateDiv($(this));
    });
});

查看小提琴的完整示例：

http://jsfiddle.net/cfLG8/2/

【讨论】：

【解决方案2】：

这是你要找的吗？

http://jsfiddle.net/Xw29r/865/

我将 animateDiv 更改为接收一个 obj

function animateDiv(obj){
var newq = makeNewPosition();
var oldq = $(obj).offset();
var speed = calcSpeed([oldq.top, oldq.left], newq);

$(obj).animate({ top: newq[0], left: newq[1] }, speed, function(){
  animateDiv(obj);        
});

};

我在所有 div 上调用了 .each

$("div").each(function(i,v){animateDiv(v)});

【讨论】：

是的，我看到了...为提出相同的解决方案点赞。