1

希望是一个简单的...

所以我在我的网站上的页面加载基本淡入之后，类似于这个网站的... http://jack-hughes.com/

我遇到的问题是标准的 jQuery fadeIn 函数似乎需要在要动画的元素上使用“display:none”，这显然意味着如果有人禁用了 javascript，它就会保持隐藏状态。

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

我可以让某人指出我正确的方向，以便在我的任何元素上都没有 display:none 来获得这种效果。

我自己去试了也没用。简单地尝试检查元素是否存在，如果存在，将 css 不透明度设置为 0，然后运行动画。我敢肯定，你可以嘲笑我的付出（我不是 JS 人）。谢谢！

if($('.h1').length > 0) {
    $(this).css("opacity","0");
    $('.h1').animate({
        opacity:1,
    }, 1500, function() {
        //Animation Complete
    });
};
4

3 回答 3

4

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

<noscript>
    <style>
        #container { display:block !important; }
    </style>
</noscript>
于 2013-02-23T20:14:38.337 回答
2

先藏起来怎么样

$('.h1').hide().fadeIn('slow', function() {
    // Animation complete
});
于 2013-02-23T20:10:27.403 回答
1 
$('.h1').hide(<h1>hello</h1>).fadeIn('slow', function() {
    // Animation complete
});

按照Musa这样写

于 2013-02-23T20:32:32.883 回答