如何在网站加载后立即启动脚本?
我希望我必须淡入网站内容,但是还没有找到“当网站打开时”的事件。

基本上,您可以在网站上切换两个“内容”。我只是按按钮时淡出的第一个“内容”,但希望首先完成上述操作。

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

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


代码的那部分工作正常。因此,有人可以帮助我还是找到其他解决方案?

最佳答案

页面加载时,将调用$document.ready()内部定义的函数。只需确保要淡入淡出的项目默认情况下是隐藏的(display:none将在CSS中工作)。

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

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


查看此CodePen以获得所有示例。

10-05 23:05
查看更多