-
Notifications
You must be signed in to change notification settings - Fork 39
/
Copy pathindex.html
125 lines (119 loc) · 5.09 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v4.8.2, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/logomakr-3sxxzw-128x128.png" type="image/x-icon">
<meta name="description" content="">
<meta name="referrer" content="unsafe-url">
<title>个人简历</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/mystyle.css">
<link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/as-pie-progress/css/progress.min.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
<link rel="stylesheet" href="assets/mystyle.css">
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script async src="assets/busuanzi.pure.mini.js?v=1"></script>
<style type="text/css">
@media (max-height: 1000px) {
.content {
padding-top: 200px;
}
}
@media (max-height: 500px) {
.content {
padding-top: 100px;
}
}
</style>
</head>
<body>
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4 content" style="text-align: center;">
<img src="assets/simple-pre-loader/images/loader-128x/Preloader_2.gif" >
<p class="text-center" style="font-size: 28px;">Loading...</p>
<p style="font-size: 10px; " id="process-show"></p>
<div>
<span id="busuanzi_container_site_pv" style="font-size: 10px; " >Site View : <span id="busuanzi_value_page_pv"></span></span>
</div>
</br>
<div class="col-md-4"></div>
</div>
<script type="text/javascript">
(function($) {
var imgs = [
"assets/images/03.jpg", // 43k
"assets/images/mbr-1920x1280.jpg", // 155k
"assets/images/1-1014x325.png", // 126k
"assets/images/1-348x112.png", // 18k
"assets/images/8-1.gif", // 582k
"assets/images/11.gif", // 221k
"assets/images/1-3.gif", //501k
"assets/images/10.gif", // 1387k
"assets/images/1-2.gif" // 4245k
];
var n = imgs.length;
var sizes = [43, 155, 126, 18, 582, 221, 501, 1378, 7900];
var isComplted = [0, 0, 0, 0, 0, 0, 0, 0, 0];
var sum = 0;
for (var i = 0; i < n; i++) {
sum += sizes[i]
}
var curSize = 0;
var timeout = 1000;
var wait_time = 90000;
var intervals = new Array();
for (var i = 0; i < n; i++) {
var img = new Image();
img.src = imgs[i];
intervals[i] = setInterval(check, timeout, i, img);
}
var cnt = 0;
var cnt_threshold = wait_time * n / timeout;
function check(i, img) {
cnt++;
if (img.complete && isComplted[i] == 0) {
isComplted[i] = 1;
curSize += sizes[i];
} else {
if (sizes[i] > 100) {
sizes[i] -= 20;
curSize += 20;
}
}
var processState = $("#process-show");
if (curSize >= sum) curSize = sum;
var s = curSize + "";
while (s.length != 5) s = " " + s;
processState.html(s + " / " + sum + "(Kb) <br>");
if (curSize >= sum - 10 || cnt >= cnt_threshold) {
clearInterval(intervals[i]);
if (i == 0) {
window.location.href = "page.html";
}
}
}
// 隐藏滚动条
document.documentElement.style.overflowY = 'hidden';
})(jQuery);
</script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/parallax/jarallax.min.js"></script>
<script src="assets/theme/js/script.js"></script>
<script src="assets/as-pie-progress/jquery-as-pie-progress.min.js"></script>
</body>
</html>