Javascript jQuery'；淡入'；不使用'的页面加载；显示：无'；在css中

希望是一个简单的

所以，我在我的网站上的页面加载后基本淡入淡入，类似于这个网站的内容

我遇到的问题是，标准jQuery fadeIn函数似乎要求对元素设置“display:none”动画，这显然意味着如果有人禁用了javascript，它将保持隐藏状态

$('.h1').fadeIn('slow', function() {
    // Animation complete
});

我需要有人给我指出正确的方向，以便在不显示的情况下获得这种效果：在我的任何元素上都没有

我自己试了一下，但没有用。只需尝试检查元素是否存在，如果存在，请将css不透明度设置为0，然后运行动画。我相信你可以嘲笑我（我不是JS人）。谢谢

---

先把它藏起来怎么样

$('.h1').hide().fadeIn('slow', function() {
    // Animation complete
});

---

先把它藏起来怎么样

$('.h1').hide().fadeIn('slow', function() {
    // Animation complete
});

---

我认为最好的选择是在CSS中使用display:none，然后像这样包装一个简单的样式标记

<noscript>
    <style>
        #container { display:block !important; }
    </style>
</noscript>

#容器{显示：块！重要；}

我认为最好的选择是在CSS中使用display:none，然后包含一个简单的样式标记，就像这样包装

<noscript>
    <style>
        #container { display:block !important; }
    </style>
</noscript>

#容器{显示：块！重要；}

$（'.h1'）.hide（hello.fadeIn（'slow'，function（）{
//动画完成
});

按照Musa（'.h1'）.hide（hello）.fadeIn（'slow'，function（））这样写{ //动画完成 });

---

按照穆萨的要求这样写

现在是2013年。任何没有JavaScript的人要么落后于时代，要么偏执。无论哪种方式，他们都不应该对大多数网站不适合他们感到惊讶。也就是说，你的动画真的有必要吗？我完全同意你的观点，但我很好奇如何编写一个变通方法。不，动画是没有必要的，但如果每个人都有这种态度，那么网络将是一个无聊的地方，不是吗？在有趣和愤怒之间有一条细微的界限。我敢肯定，那些拥有Flash驱动的网站，需要10分钟才能加载的人认为这很了不起，但他们必须为没有任何业务而挠头。这是一个设计组合网站，所以我认为在这种情况下是合适的。如果以一种雅致和谐的方式制作动画，那么它确实可以改善用户体验。现在是2013年。任何没有JavaScript的人要么落后于时代，要么偏执。无论哪种方式，他们都不应该对大多数网站不适合他们感到惊讶。也就是说，你的动画真的有必要吗？我完全同意你的观点，但我很好奇如何编写一个变通方法。不，动画是没有必要的，但如果每个人都有这种态度，那么网络将是一个无聊的地方，不是吗？在有趣和愤怒之间有一条细微的界限。我敢肯定，那些拥有Flash驱动的网站，需要10分钟才能加载的人认为这很了不起，但他们必须为没有任何业务而挠头。这是一个设计组合网站，所以我认为在这种情况下是合适的。如果以一种雅致和谐的方式制作动画，那么动画确实可以改善用户体验。对我来说，这会导致内容跳转，因为元素被隐藏，然后重新添加到页面中。@Musa这很好……我的疑问是为什么要在fadeIn（）之前给出标题或span..隐藏（）对我来说，这会导致内容跳转，因为元素被隐藏，然后重新添加到页面中。@Musa这很好……我的疑问是为什么要在fadeIn（）之前给出标题或span..隐藏（）