Question

我是jQuery的新手（和一般的javascript）。我一直意味着使用它/学习它一段时间，并且时间充裕。

所以我将使用jQuery on this page在加载时淡出页面顶部的“正在构建”警告。但我不熟悉任何要使用的功能或选择器。

我在jQuery上找到了this basic article，它有一个看起来非常适合我正在做的演示，只有它设置为在点击时淡出。

在页面加载后，我需要更改以使其在几秒钟后淡出，并且您能指出我在哪里查找有关这些类型的函数的更多信息（特别是在jQuery的网站上，如果你'熟悉）。请不要说，“在文档中。”我是一个菜鸟，但不是假的，谢谢。我只是想了解更多关于现在负责函数的语法的特定区域（如果这就是他们所谓的）。

Answer 1

jQuery 1.4的新功能是delay方法。将其用于此目的：

$("#myDiv").delay(3000).fadeOut("slow");

Answer 2

$(document).ready(function() {
   window.setTimeout("fadeMyDiv();", 3000); //call fade in 3 seconds
 }
)

function fadeMyDiv() {
   $("#myDiv").fadeOut('slow');
}

Answer 3

嘿，这个网站看起来很酷。这应该为你做。

$(document).ready(function() {
    setTimeout(fade, 2000);
}

function fade(){
   $("#tempwarning").fadeOut(1000);
}

Answer 4

这是一个完整的例子。

只需将其粘贴到html文件中并保存即可。

<html>
<head>
    <script src="http://code.jquery.com/jquery-1.4.2.min.js" />
    <script>
    $(document).ready(function(){   
        window.setTimeout('fadeout();', 3000);
    });

    function fadeout(){
        $('#tempwarning').fadeOut('slow', function() {
           // Animation complete.
        });
    }

    </script>
</head>
<body>
    <div id="tempwarning">

        <div class="wrap">

            <span class="warning-icon">!</span>

            <p>
                Oops! Please pardon my appearance. I'm still <a href="http://graphicriver.net/item/under-construction-graphic/53758?ref=jglovier">under development</a>. Please visit often.
            </p>

        </div>

    </div>
</body>
</html>

编辑：

这行代码：

 $(document).ready(function() { });

在执行内部任何内容之前等待页面加载。

Answer 5

$(document).ready(function(){
    setTimeout(function(){ $("#tempwarning").fadeOut(); }, 2000);
});

Answer 6

<script>
$(document).ready(function(){   
    window.setTimeout('fadeout();', 1000);
});

function fadeout(){
    $('.loader').fadeOut('fast', function() {
       // Animation complete.
    });
}

</script>

完美载入页面

如何在页面加载时使用jQuery淡出我的div？

6 个答案: