0

我对javascript不是很有经验，但我认为这不是一个难题。无论如何，我都迷失了方向，并且想知道如何让多个 div 在页面加载时延迟淡入，比如使用 Jquery 的 5-10 个 div。以下是我正在使用和需要但已修改的代码，因此我可以加载 5+ div：

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

3 回答 3

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

它被称为多重选择器。

于 2012-08-07T00:35:07.603 回答
1

如果“.fade”元素在运行时已经被解析，那么该代码应该可以正常工作- 如果您将该脚本块放在<head>. 如果脚本块位于正文的底部，它将起作用，或者如果您将代码放在文档就绪处理程序中，以便在文档被解析后运行：

$(document).ready(function() {
   $(".fade").hide(0).delay(1000).fadeIn(1000);
});

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

于 2012-08-07T00:36:11.883 回答
0

您不必使用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;
}
于 2012-08-07T00:39:39.597 回答