淡入淡出每个元素-一个又一个

Question

我正在尝试找到一种方法来加载JSON页面以显示我当前拥有的内容。但是我试图在每个元素中逐渐消失吗？有谁熟悉这样做的方法吗？淡入淡出每个元素的时间？这是我的代码示例，我正在使用jquery框架。代码：http：//pastie.org/343896

Answer 1

好了，您可以设置淡入淡出功能来触发“下一个”。

 $("div#foo").fadeIn("fast",function(){

      $("div#bar").fadeIn("fast", function(){

           // etc.

      });

   });

但是计时器可能是一个更好的系统，或者是将它们全部收集，将它们放入一个数组中，然后一次延迟弹出它们，一次使其淡入淡出的功能。

Answer 2

假设您有一个span元素数组：

$("span").each(function(index) {

    $(this).delay(400*index).fadeIn(300);

});

（快速注意：我认为您需要jQuery 1.4或更高版本才能使用.delay方法）

这基本上会等待一段时间，然后淡入每个元素。之所以起作用，是因为您将等待时间乘以元素的索引。遍历数组时，延迟看起来像这样：

延迟400 * 0（没有延迟，只有fadeIn，这是我们想要的第一个元素）

延误400 * 1

延误400 * 2

延误400 * 3

这样可以产生很好的“一个接一个”的淡入效果。它也可以与slideDown一起使用。希望这可以帮助！