【优化】页面逻辑

main
PJ-568 1 year ago
parent 91539f42b2
commit 2a35f986eb

@ -1,15 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- 本文件由 PJ568 撰写 --> <!-- 本文件由 PJ568 撰写 -->
<!-- 本文件遵循 Apache License Version 2.0 --> <!-- 本文件遵循 Attribution-ShareAlike 4.0 International -->
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<script src="/js/loading.js"></script> <script src="/js/loading.js"></script>
<title>全屏黑色页面</title> <title>全屏黑色页面</title>
<link rel="icon" type="image/svg+xml" href="/img/icon.svg"> <link rel="icon" type="image/svg+xml" href="/img/icon.svg">
<style type="text/css"> <style type="text/css">
html,
html, body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%; width: 100%;
@ -32,7 +33,7 @@
} }
a:hover { a:hover {
color:#BDBDBD; color: #BDBDBD;
background-color: #212121; background-color: #212121;
} }
@ -88,17 +89,19 @@
} }
#fullScreenBtn:hover { #fullScreenBtn:hover {
color:#BDBDBD; color: #BDBDBD;
background-color: #212121; background-color: #212121;
} }
#exitBtn:hover { #exitBtn:hover {
color:#BDBDBD; color: #BDBDBD;
background-color:#212121; background-color: #212121;
} }
@import url(/css/tool_type.css); @import url(/css/tool_type.css);
</style> </style>
</head> </head>
<body> <body>
<div id="loading"> <div id="loading">
<div id="loading_bg"> <div id="loading_bg">
@ -119,7 +122,7 @@
var home = document.getElementById("home"); var home = document.getElementById("home");
var timeoutId = null; var timeoutId = null;
fullScreenBtn.onclick = function() { fullScreenBtn.onclick = function () {
if (document.documentElement.requestFullscreen) { if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen(); document.documentElement.requestFullscreen();
} else if (document.documentElement.mozRequestFullScreen) { } else if (document.documentElement.mozRequestFullScreen) {
@ -129,36 +132,36 @@
} else if (document.documentElement.msRequestFullscreen) { } else if (document.documentElement.msRequestFullscreen) {
document.documentElement.msRequestFullscreen(); document.documentElement.msRequestFullscreen();
} }
fullScreenBtn.style.display = "none";
}; };
exitBtn.onclick = function() { exitBtn.onclick = function () {
window.open('', '_self', ''); window.close(); window.open('', '_self', ''); window.close();
}; };
document.onmousemove = function() { document.onmousemove = function () {
clearTimeout(timeoutId); clearTimeout(timeoutId);
timeoutId = setTimeout(function() { timeoutId = setTimeout(function () {
document.body.style.cursor = "none"; document.body.style.cursor = "none";
fullScreenBtn.style.display = "none";
exitBtn.style.display = "none"; exitBtn.style.display = "none";
download.style.display = "none"; download.style.display = "none";
back.style.display = "none"; back.style.display = "none";
home.style.display = "none"; home.style.display = "none";
}, 3000); }, 3000);
document.body.style.cursor = "default"; document.body.style.cursor = "default";
fullScreenBtn.style.display = "block";
exitBtn.style.display = "block"; exitBtn.style.display = "block";
download.style.display = "block"; download.style.display = "block";
back.style.display = "block"; back.style.display = "block";
home.style.display = "block"; home.style.display = "block";
}; };
document.onkeydown = function(event) { document.onkeydown = function (event) {
if (event.keyCode === 32) { if (event.keyCode === 32) {
window.open('', '_self', ''); window.close(); window.open('', '_self', ''); window.close();
} }
}; };
</script> </script>
</html> </html>
<script src="/js/push_to_baidu.js"></script>
Loading…
Cancel
Save