This commit is contained in:
cloud 2022-08-15 03:48:41 +08:00
parent 5f8c40a245
commit 7078f26c9a
1 changed files with 5 additions and 6 deletions

View File

@ -2,13 +2,12 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<title>页面加载进度效果</title>
<link rel="stylesheet" href="src/root.css">
<link rel="stylesheet" href="src/pace.css">
<link rel="stylesheet" href="src/preloader.css">
<link rel="stylesheet" href="src/loading.css">
<link rel="stylesheet" href="src/index.css">
</head>
<body>
@ -23,16 +22,15 @@
<!-- 屏幕 -->
<div id="preloader"></div>
<script src="src/jquery-3.6.0.js"></script>
<!-- 处理JQ3.0版本兼容 -->
<script src="src/jquery-migrate-3.4.0.min.js"></script>
<!-- 页面加载进度 -->
<script src="src/pace.min.js"></script>
<script src="src/pace.js"></script>
<script>
// 延时看效果 time = ?秒
$.get("http://wtkj.qiyejianzhan.wang/dtest.php?time=3", function (data, status) {
$.get("http://wtkj.qiyejianzhan.wang/dtest.php?time=3", function (data) {
console.log(data);
});
@ -44,7 +42,8 @@
};
// 网页加载结束后执行
Pace.on('done', function () {
Pace.on("done", function () {
console.log('paceDone')
$('#preloader').addClass("isdone");
$('.loading').addClass("isdone");
});