From 77c26cb6b3345ea00bf77c91f0295b661bad634c Mon Sep 17 00:00:00 2001 From: PJ568 Date: Fri, 16 Jun 2023 14:56:39 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A1=B5=E9=9D=A2=E5=8A=A0?= =?UTF-8?q?=E8=BD=BD=E5=8A=A8=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 404.html | 8 ++++- about/index.html | 8 ++++- comment/index.html | 8 ++++- css/tool_type.css | 85 ++++++++++++++++++++++++++++++++++++++++++++- img/loading_a.svg | 10 ++++++ img/loading_b.svg | 14 ++++++++ incert/defualt.html | 8 ++++- incert/index.html | 8 ++++- index.html | 6 ++++ js/contextmenu.js | 10 +++--- js/loading.js | 23 ++++++++++++ 11 files changed, 178 insertions(+), 10 deletions(-) create mode 100644 img/loading_a.svg create mode 100644 img/loading_b.svg create mode 100644 js/loading.js diff --git a/404.html b/404.html index 41fb54bb..b158ad99 100644 --- a/404.html +++ b/404.html @@ -1,13 +1,19 @@ - + + 568Tools | 404 +
+
+
正在加载
+
+
diff --git a/about/index.html b/about/index.html index e3d2ee16..d7eab456 100644 --- a/about/index.html +++ b/about/index.html @@ -1,7 +1,8 @@ - + + 关于 568Tools 在线工具箱 @@ -10,6 +11,11 @@ +
+
+
正在加载
+
+
diff --git a/comment/index.html b/comment/index.html index 91b39cb6..3333c9da 100644 --- a/comment/index.html +++ b/comment/index.html @@ -4,12 +4,18 @@ + 568Tools | Comment +
+
+
正在加载
+
+
@@ -28,7 +34,7 @@ data-reactions-enabled="1" data-emit-metadata="0" data-input-position="top" - data-theme="https://Tools.pj568.eu.org/css/568_comment.css" + data-theme="https://Tools.pj568.eu.org/img/loading_b.svg" data-lang="zh-CN" data-loading="lazy" crossorigin="anonymous" diff --git a/css/tool_type.css b/css/tool_type.css index 00e60df2..6156b7db 100644 --- a/css/tool_type.css +++ b/css/tool_type.css @@ -402,4 +402,87 @@ ins.adsbygoogle[data-ad-status="unfilled"]{ } #rcb_menu>#rcb_t6{ display: none -} \ No newline at end of file +} + +/*********LoadingPage*************/ + +#loading { + position: absolute; + background-color: #424242; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + z-index: 1000000; +} +#loading_bg{ + background-color: rgba(0,0,0,0.7); +} +.loader { + width: 250px; + height: 50px; + line-height: 50px; + text-align: center; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + font-family: helvetica, arial, sans-serif; + text-transform: uppercase; + font-weight: 900; + color: #0277BD; + letter-spacing: 0.2em; +} +.loader::before, .loader::after { + content: ""; + display: block; + width: 15px; + height: 15px; + background: #0277BD; + position: absolute; + -webkit-animation: load .7s infinite alternate ease-in-out; + animation: load .7s infinite alternate ease-in-out; +} +.loader::before { + top: 0; +} +.loader::after { + bottom: 0; +} + +@-webkit-keyframes load { + 0% { + left: 0; + height: 30px; + width: 15px; + } + 50% { + height: 8px; + width: 40px; + } + 100% { + left: 235px; + height: 30px; + width: 15px; + } +} + +@keyframes load { + 0% { + left: 0; + height: 30px; + width: 15px; + } + 50% { + height: 8px; + width: 40px; + } + 100% { + left: 235px; + height: 30px; + width: 15px; + } +} + +/********************************/ \ No newline at end of file diff --git a/img/loading_a.svg b/img/loading_a.svg new file mode 100644 index 00000000..84f05c19 --- /dev/null +++ b/img/loading_a.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/img/loading_b.svg b/img/loading_b.svg new file mode 100644 index 00000000..8d0a4a7f --- /dev/null +++ b/img/loading_b.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/incert/defualt.html b/incert/defualt.html index 302756ce..0d350911 100644 --- a/incert/defualt.html +++ b/incert/defualt.html @@ -1,12 +1,18 @@ - + + 568Tools | 提示 +
+
+
正在加载
+
+
diff --git a/incert/index.html b/incert/index.html index 38a866f3..cfdf7c04 100644 --- a/incert/index.html +++ b/incert/index.html @@ -1,7 +1,8 @@ - + + 568Tools | 插入页面 @@ -29,6 +30,11 @@ +
+
+
正在加载
+
+
diff --git a/index.html b/index.html index ed4bb31a..7f754b71 100644 --- a/index.html +++ b/index.html @@ -3,11 +3,17 @@ + 568Tools 在线工具箱 +
+
+
正在加载
+
+
diff --git a/js/contextmenu.js b/js/contextmenu.js index 6f837646..c5e4b866 100644 --- a/js/contextmenu.js +++ b/js/contextmenu.js @@ -1,16 +1,17 @@ window.addEventListener('contextmenu', RightClickMenu); const rightMenu = document.querySelector('#rcb_menu'); const newTab = document.querySelector('#rcb_t6'); +const incertBtn = document.querySelector('#rcb_t7'); function RightClickMenu(e) { e.preventDefault(); rightMenu.style.display = 'block'; if (e.target.closest('a')) { newTab.style.display = 'block'; - // if (document.write(location.href)=='https://tools.pj568.eu.org/') {document.querySelector('#rcb_t7').style.display = 'block'} - document.querySelector('#rcb_t7').style.display = 'block'; + // if (document.write(location.href) == 'https://tools.pj568.eu.org/') {incertBtn.style.display = 'block'} + incertBtn.style.display = 'block'; } else { newTab.style.display = 'none'; - document.querySelector('#rcb_t7').style.display = 'none'; + incertBtn.style.display = 'none'; } let x = e.clientX, y = e.clientY, menuWidth = rightMenu.offsetWidth, menuHeight = rightMenu.offsetHeight, @@ -43,7 +44,8 @@ rightMenu.addEventListener('click', function (e) { break; case "rcb_t6": if (e.target.closest('a')) { - var url = encodeURIComponent(e.target.closest('a').getAttribute('href')); + var a = e.target.closest('a'); + var url = encodeURIComponent(a.getAttribute('href')); window.open(url); } break; diff --git a/js/loading.js b/js/loading.js new file mode 100644 index 00000000..6c5b1014 --- /dev/null +++ b/js/loading.js @@ -0,0 +1,23 @@ +//Loading页面 +document.onreadystatechange=function () { + if (document.readyState=="complete"){ + loadingFade(); + } +} +function loadingFade() { +var opacity=1; +const position = document.querySelector('#loading'); +//var loadingPage=document.getElementById('loading'); +var loadingBackground=document.getElementById('loading_bg'); +var time=setInterval(function () { + if (opacity<=0){ + clearInterval(time); + //loadingPage.remove(); + // $('#loading').remove(); + position.style.display = 'none'; + } + + loadingBackground.style.opacity=opacity; + opacity-=0.4; +},100); +} \ No newline at end of file