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

时间:2013-03-24 18:11:51

标签: javascript jquery css html

我使用this page充当我的网络项目的门户网站。作为this question的答案发布的jsfiddle脚本基本上就是我正在寻找的内容,但我不确定如何在窗口周围同时进行多个 div滑动。我想在其中添加带有文本链接的div,例如" WEIRD CREEP"一。我自己尝试编辑它无济于事,因为我对剧本的了解很差。

2 个答案:

答案 0 :(得分: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)});   

答案 1 :(得分:1)

我认为这就是你要找的东西:

$(document).ready(function(){

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

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

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