打开网站时调用脚本

Question

如何让脚本在站点加载后立即启动？我想要我必须淡入的网站内容，但还没有找到 "when site open" 的活动。

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

我尝试使用CSS动画，但是没有淡入淡出效果，所以"content"几秒后就消失了。这是我要使用的代码：

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

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

Answer 1

试试这个：

$(document).ready(function() {
    $("#main").fadeIn(200);
});

Answer 2

页面加载时调用 $document.ready() 中定义的函数。只需确保您尝试淡出的项目默认隐藏（display:none 将在 css 中工作）。

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

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

查看此 CodePen 以了解全部示例。

Call script when site is opened