cloud
/
loadpace
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

1.1

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

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