Question

我对javascript不是很有经验，但我认为这不是一个难题。从来没有丢失过，我想知道如何在页面加载时延迟多个div的淡入淡出，比如使用Jquery说5-10个div。以下是我正在使用但需要修改的代码，因此我可以加载5+ div：

<script>
    $(".fade").hide(0).delay(1000).fadeIn(1000)
</script>

Answer 1

$(".fade, #anotherElement, #yetAnother, .etc").hide(0).delay(1000).fadeIn(1000)

它被称为multiple selectors。

Answer 2

如果“.fade”元素在运行时已被解析，那么该代码应该可以正常运行<如果你已将该脚本块放在{{1}中，则不会出现这种情况}。如果脚本块位于正文的底部，它将起作用，或者如果您将代码放在文档就绪处理程序中，以便它在解析文档后运行：

<head>

演示：http://jsfiddle.net/nnnnnn/QHwge/

Answer 3

你没有使用javascript执行此操作，但此处的示例似乎都运行正常。

以下是使用CSS的示例：

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
  opacity: 0.5;
}

Jquery：延迟和淡入多个div加载？

3 个答案: