Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加载动画</title>
    <link rel="stylesheet" href="loading.css">
    <script type="text/javascript" src="libs/jquery-3.2.1.min.js"></script>
    <script>
        $(document).ready(function () {
            $(window).on('load', function () {
                $('body').removeClass('loading')
                    .addClass('loaded');
                $('#loader-wrapper').remove();
            });
        });
    </script>
</head>
<body class="loading">
<div id="loader-wrapper">
    <div class="loader">
        <div class="ball-clip-rotate-pulse">
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!-- 以上为加载框, 加载完成自动移除 -->


</body>
</html>