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 文档就绪可用时)

这只是两个简单的例子。

 

posted @ 2021-09-29 16:31  映辉  阅读(263)  评论(0)    收藏  举报