jQuery——动画加载页面

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>

1、先让整个页面默认隐藏

body {
            display: none;
     }

　　

2、然后

$(document).ready(function(){
        $('body').show(5000); // 5000毫秒
});　

或者：

$(document).ready(function(){
        $('body').fadeIn(5000);   // fadeIn()淡出
});

　　

提示：ready()：文档就绪事件（当 HTML 文档就绪可用时）

这只是两个简单的例子。