jquery - 打开网站时调用脚本

Question

如何让脚本在站点加载后立即启动？我想要我必须淡入的网站内容，但还没有找到“网站打开时”的事件。

基本上，您可以在网站上的两个“内容”之间切换。我只是在按下按钮时淡出的第一个“内容”，但希望首先完成上面的事情。

我尝试使用 CSS 动画，但没有淡入淡出效果，所以“内容”几秒钟后就消失了。这是我要使用的代码:

<script>
$(document).ready(function(){
    $("#button").click(function(){
        $("#main").fadeOut(200);
    });
});
</script>

那部分代码工作得很好。那么，有人可以帮助我或找到其他解决方案吗？

Answer 1

$document.ready() 中定义的函数在页面加载时调用。只需确保您尝试淡出的元素在默认情况下处于隐藏状态(display:none 将在 css 中工作)。

要确保第一部分的淡出在第二部分开始淡入之前完成，请尝试使用 setTimeout() function .请记住为第二部分设置 display:none 属性。

$('#main button').click(function(){
    $("#main").fadeOut(1000);
    setTimeout(function(){
        $("#secondary").fadeIn(1000);
    }, 1000);
}

看看这个 CodePen举个例子。