jQuery fadeIn（）具有多个div的不同间隔

我有一个有六个div的主页。 它们是不同形状的盒子，我希望它们在页面加载时以随机间隔淡入。 javascript代码如下：

$(document).ready(function(){ $("#topleft").fadeIn(2000).animate({opacity: 1.0}); }); 

当然，我需要将所有六个div作为目标，而不仅仅是一个，我希望它们在页面加载后大约3秒内随机淡入。 我怎么会这样呢？ 顺便说一下，我正在使用jQuery，因为我是新手，我可能会使用一些我不知道的东西。

Answer 1

以下是您的示例： http ： //jsfiddle.net/Paulpro/gTFsk/

Answer 2

创建所有与alldivs相同的类的div然后：

 $('.alldivs').each(function() { $(this).fadeIn(Math.floor(Math.random()*3000)).animate({opacity: 1.0}); }); 

Answer 3

函数randomFromTo（from，to）{
    返回Math.floor（Math.random（）*（从 -  + 1）+从）;
 }
 $（'。six_div'）。each（function（）{
     setTimeout（function（）{
         $（this）.animate（{opacity：1}，2000）;
     }，randomFromTo（100,3000））;
 }）;

注意：’six_div’类需要添加到六个div中的每一个中，以便全部被选中。

Answer 4

你可能想要做的是让所有六个div都有一个类似的类，这样你就可以同时将它们全部定位。

这是一个工作示例： http ： //jsfiddle.net/Akkuma/hadbz/