打开网站时调用脚本

Question

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

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

我尝试使用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以获取相关示例。

Answer 2

试试这个：

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