Javascript 如何淡入标题中的所有元素？

当使用

fadeIn

标记

jQuery

完全加载

窗口时，如何淡入
标题的所有元素

相关代码：

HTML

<div class="banner">
 <header class="header">
  <ul class="nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Team</a></li>
    <li><a href="#">Products</a></li>
    <li><a href="#">Contact Us</a></li>
  </ul>
    <i class="fa fa-bars"></i>
</header>










尝试调用
.fadeIn（）
元素，该元素在
寡妇的
加载
事件中有一个类头（无需获取其中的所有元素）

$(window).load(function(){
 $(".header").hide().fadeIn("slow");
});

假设如果你想确定内部元素的淡入淡出，那么你必须这样写

$(window).load(function(){
 $(".header > *").hide().fadeIn("slow");
});

尝试调用
.fadeIn（）
，调用
窗口
加载
事件中具有类头的元素（无需获取其中的所有元素）

$(window).load(function(){
 $(".header").hide().fadeIn("slow");
});

假设如果你想确定内部元素的淡入淡出，那么你必须这样写

$(window).load(function(){
 $(".header > *").hide().fadeIn("slow");
});

以下是在DOM完全加载后如何运行函数：


$（函数（）{
//代码在这里
});以下是在DOM完全加载后如何运行函数：


$（函数（）{
//代码在这里
});您可以在“不透明度”属性上使用CSS转换。优点是可以为效果设置长度（以秒为单位）、样式（轻松、轻松、轻松、线性、立方贝塞尔（n、n、n、n））和延迟（以秒为单位）。示例：
转换：不透明度2s线性1s


函数显示（）{
document.getElementById（“header”）.style.opacity=“1”；
}
#标题{
不透明度：0；
背景：金；
-webkit转换：不透明度3s；/*Safari*/
过渡：不透明度3s；
}








您可以在“不透明度”属性上使用CSS转换。优点是可以为效果设置长度（以秒为单位）、样式（轻松、轻松、轻松、线性、立方贝塞尔（n、n、n、n））和延迟（以秒为单位）。示例：
转换：不透明度2s线性1s


函数显示（）{
document.getElementById（“header”）.style.opacity=“1”；
}
#标题{
不透明度：0；
背景：金；
-webkit转换：不透明度3s；/*Safari*/
过渡：不透明度3s；
}








如果不想淡入，请在css中默认设置为不可见。如果不想淡入，请在css中默认设置为不可见。谢谢你的回答，效果非常好，只是我需要添加一些动画。：）这个答案会在标题中淡出，关于标题中元素淡出的问题。@DustinPoissant也解决了这个问题。谢谢你的回答，它的效果非常好，只是我需要为它添加一些动画。：）这个答案会在标题中淡出，关于标题中元素淡出的问题。@DustinPoissant也解决了这个问题。谢谢您的帮助！：）谢谢你的帮助！：）