Javascript 我想用JSHTMLCSS JQuery（可选）创建一个预加载屏幕，没有后端_Javascript_Jquery_Html_Css

Javascript 我想用JSHTMLCSS JQuery（可选）创建一个预加载屏幕，没有后端

javascript jquery html css

Javascript 我想用JSHTMLCSS JQuery（可选）创建一个预加载屏幕，没有后端,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想创建一个预加载屏幕，这样，如果我的网站加载晚了，用户就不会离开我的页面。我已经准备好在加载屏幕时要显示的所有动画，并将它们全部放在名为loadup的div中。我希望loadup div出现在开始时，页面加载时消失。我希望div在加载时有白色背景，而不是覆盖。jQuery window.load方法在加载所有内容（如image、js等）后起作用。预加载div将从一开始就覆盖整个屏幕，当所有内容加载完成时，它将设置为display:none <!DOCTYPE html> <h

我想创建一个

预加载屏幕

，这样，如果我的网站加载晚了，用户就不会离开我的页面。我已经准备好在加载屏幕时要显示的所有动画，并将它们全部放在名为loadup的div中。我希望loadup div出现在开始时，页面加载时消失。我希望div在加载时有白色背景，而不是覆盖。

jQuery window.load方法在加载所有内容（如image、js等）后起作用。预加载div将从一开始就覆盖整个屏幕，当所有内容加载完成时，它将设置为display:none

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="assets/app.css">
    <title>Preloading Screen</title>
</head>
<body>
    <div class="pre-load">
        <p class="pre-load-text">Hello world</p>
    </div>
    <div class="page-main">
        <header>Your header</header>
        <div class="container">
            <p>Your page content</p>
        </div>
        <footer>Your footer</footer>
    </div>
    <script
        src="https://code.jquery.com/jquery-1.12.4.min.js"
        integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
        crossorigin="anonymous">
    </script>
    <script>
        $(window).load(function() {
            $('.pre-load').css('display', 'none')
        })
    </script>
</body>
</html>


预加载筛
Hello world
你的头球
您的页面内容
你的页脚
$（窗口）。加载（函数（）{
$（'.pre-load'）.css（'显示'，'无'）
})