-
Notifications
You must be signed in to change notification settings - Fork 29
/
jump.php
153 lines (150 loc) · 4.85 KB
/
jump.php
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<?php
$is_defend = true;
@header('Content-Type: text/html; charset=UTF-8');
include("./includes/common.php");
?>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $subconf['hostname']; ?></title>
<link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/htmleaf-demo.css">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta name="format-detection" content="telephone=no">
<meta content="false" name="twcClient" id="twcClient">
<style type="text/css">
.loader {
width: 320px;
margin: 50px auto 70px;
position: relative;
}
.loader .loading-1 {
margin:0px auto;
position: relative;
width: 70%;
height: 10px;
border: 1px solid #69d2e7;
border-radius: 10px;
animation: turn 4s linear 1.75s infinite;
}
.loader .loading-1:before {
content: "";
display: block;
position: absolute;
width: 0%;
height: 100%;
background: #69d2e7;
box-shadow: 10px 0px 15px 0px #69d2e7;
animation: load 2s linear infinite;
}
.loader .loading-2 {
width: 100%;
position: absolute;
top: 20px;
color: #69d2e7;
font-size: 22px;
text-align: center;
animation: bounce 2s linear infinite;
}
@keyframes load {
0% {
width: 0%;
}
87.5%, 100% {
width: 100%;
}
}
@keyframes turn {
0% {
transform: rotateY(0deg);
}
6.25%, 50% {
transform: rotateY(180deg);
}
56.25%, 100% {
transform: rotateY(360deg);
}
}
@keyframes bounce {
0%,100% {
top: 10px;
}
12.5% {
top: 30px;
}
}
footer img{
width:50px;
}
footer{
text-align:center;
margin-bottom:40px;
margin-top:60%;
}
h5{
text-align:center;
}
</style>
</head>
<body>
<div class="htmleaf-container">
<header class="htmleaf-header">
<h1><?php echo $subconf['hostname']; ?>正在请求你<span>使用其他浏览器打开本站</span></h1>
</header>
<div class="demo" >
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="loader">
<div class="loading-1"></div>
<div class="loading-2">因QQ内置浏览器协议问题<br>请点击右上角使用其他浏览器</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<h5>点击下方已安装的图标直接跳转</h5>
<a href="mttbrowser://url=<?=$site_url; ?>"><img src="./assets/img/mtt.png"></img></a>
<a href="googlechrome://browse?url=<?=$site_url; ?>"><img src="./assets/img/360chrome.png"></img></a>
<a href="googlechrome://browse?url=<?php echo $site_url; ?>"><img src="./assets/img/chrome.png"></img></a>
<a href="ucweb://<?=$site_url; ?>"><img src="./assets/img/UCMobile.png"></img></a>
<a href="alipays://platformapi/startapp?appId=20000067&url='<?=$site_url; ?>"><img src="./assets/img/taobao.png"></img></a>
<a id="taobao" href="taobao://<?=$site_url?>"><img src="./assets/img/browser.png"></img></a>
</footer>
<script>
window.onload = function() {
document.body.addEventListener("touchmove", function(evt) {
console.log(evt._isScroller)
if (!evt._isScroller) {
evt.preventDefault();
}
});
var gamerule = document.querySelector(".gamerule");
var overscroll = function(el) {
el.addEventListener("touchstart", function() {
var top = el.scrollTop,
totalScroll = el.scrollHeight,
currentScroll = top + el.offsetHeight;
if (top === 0) {
el.scrollTop = 1;
} else if (currentScroll === totalScroll) {
el.scrollTop = top - 1;
}
});
el.addEventListener("touchmove", function(evt) {
if (el.offsetHeight < el.scrollHeight)
evt._isScroller = true;
});
};
document.getElementById("taobao").children[0].click();
};
</script>
</body>
</html>