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

Question

我正在使用此页面作为我的 Web 项目的门户。作为这个问题的答案发布的 jsfiddle 脚本本质上是我正在寻找的，但我不确定如何让多个div 同时在窗口周围滑动。我想在其中包含带有文本链接的 div，例如“WEIRD CREEP”。我尝试自己编辑它无济于事，因为我对脚本的了解很差。

Answer 1

这是你想要的？

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)});   

Answer 2

我认为这就是你要找的：

$(document).ready(function(){

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

请参阅小提琴的完整示例：

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