更新 Slinky 并调整文件结构
更新 Slinky 至 4.2.1
This commit is contained in:
112
assets/css/nav-all.css
Normal file
112
assets/css/nav-all.css
Normal file
@@ -0,0 +1,112 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* 背景 */
|
||||
|
||||
.page-background {
|
||||
z-index: -100;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../img/Unsplash_V6TWE6h8gyg_Blur.jpg);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
/*
|
||||
.page-background:after {
|
||||
content: "";
|
||||
z-index: -90;
|
||||
position: inherit;
|
||||
top: inherit;
|
||||
left: inherit;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
background: inherit;
|
||||
filter: blur(4px);
|
||||
}
|
||||
*/
|
||||
|
||||
/* 滚动条 */
|
||||
|
||||
::-webkit-scrollbar {
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #CCC;
|
||||
border-radius: 0;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #03A9F4;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: #FFF;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* 选中 */
|
||||
|
||||
::selection {
|
||||
background:#03A9F4;
|
||||
color:#FFF;
|
||||
}
|
||||
::-moz-selection {
|
||||
background:#03A9F4;
|
||||
color:#FFF;
|
||||
}
|
||||
::-webkit-selection {
|
||||
background:#03A9F4;
|
||||
color:#FFF;
|
||||
}
|
||||
|
||||
/* 动画 */
|
||||
|
||||
@keyframes spinner {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes FloatingBarSlide {
|
||||
from {
|
||||
bottom: -50px;
|
||||
}
|
||||
}
|
||||
@keyframes ToTopAnimation {
|
||||
0% {
|
||||
}
|
||||
50% {
|
||||
right: 2.2rem;
|
||||
bottom: 2.2rem;
|
||||
height: 2.6rem;
|
||||
width: 2.6rem;
|
||||
line-height: 40px;
|
||||
color: #FFF;
|
||||
}
|
||||
100% {
|
||||
color: #2196F3;
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes ToolPanelShow {
|
||||
from {
|
||||
bottom: -110%;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
bottom: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
356
assets/css/nav-index.css
Normal file
356
assets/css/nav-index.css
Normal file
@@ -0,0 +1,356 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
/* 标签 */
|
||||
|
||||
body {
|
||||
background-color: #999;
|
||||
color: #000;
|
||||
margin: 6em auto;
|
||||
text-transform: none;
|
||||
overflow-x: hidden;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #222;
|
||||
}
|
||||
a:hover {
|
||||
color: #03A9F4;
|
||||
}
|
||||
a:active {
|
||||
color: #00BCD4;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #FFF;
|
||||
font-size: 1.6em;
|
||||
text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
h3 {
|
||||
color: #03A9F4;
|
||||
}
|
||||
|
||||
/* 覆盖 Slinky */
|
||||
|
||||
header,
|
||||
h1 {
|
||||
color: #444;
|
||||
}
|
||||
header h1::before {
|
||||
background-image: url('../../favicon.ico');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
header p {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
main {
|
||||
/* opacity: 0; */
|
||||
background-color: transparent;
|
||||
transition: opacity 1s;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: #FFF;
|
||||
font-size: 0.9em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
footer a {
|
||||
color: #FFF;
|
||||
}
|
||||
footer p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 工具面板 */
|
||||
|
||||
.tool-panel {
|
||||
display: none;
|
||||
z-index: 100;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
opacity: 1;
|
||||
transition: all 0.5s;
|
||||
animation: ToolPanelShow 0.5s;
|
||||
}
|
||||
|
||||
.tool-panel-bar {
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.tool-panel-newtab,
|
||||
.tool-panel-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 32px;
|
||||
width: 64px;
|
||||
box-shadow: -2px 0 10px 0 rgba(0, 0, 0, 0.1);
|
||||
line-height: 32px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.tool-panel-blank {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 32px;
|
||||
width: 100%;
|
||||
background-color: #FFF;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.tool-panel-newtab {
|
||||
right: 72px;
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
.tool-panel-close {
|
||||
right: 8px;
|
||||
background-color: #F44336;
|
||||
}
|
||||
|
||||
.tool-panel-iframe iframe {
|
||||
height: calc(100vh - 32px);
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
/* 链接图标 */
|
||||
|
||||
/*
|
||||
main section li img {
|
||||
height: 28px;
|
||||
position: absolute;
|
||||
transform: translate(10px, 10px);
|
||||
}
|
||||
|
||||
main section li a:not(.back) {
|
||||
padding-left: 45px !important;
|
||||
}
|
||||
*/
|
||||
|
||||
/* 全屏文字 */
|
||||
|
||||
.fullscreen-text {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
font-size: 5vw;
|
||||
color: #FFF;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: opacity 1s;
|
||||
}
|
||||
|
||||
/* 查找面板 */
|
||||
|
||||
.search-panel {
|
||||
visibility: hidden;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
height: 300px;
|
||||
width: 500px;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.search-bar{
|
||||
text-align: center;
|
||||
}
|
||||
.search-bar .search-input {
|
||||
margin: 20px 5px 0 0;
|
||||
padding: 0 15px;
|
||||
width: 60%;
|
||||
height: 50px;
|
||||
border: solid 2px #03A9F4;
|
||||
box-shadow: 0 0 5px rgba(3, 169, 244, 0.1);
|
||||
font-size: 20px;
|
||||
transition: border 0.2s;
|
||||
}
|
||||
.search-bar .search-input:hover {
|
||||
border: solid 2px #00BCD4;
|
||||
}
|
||||
.search-bar .search-submit,
|
||||
.search-bar .search-cancel {
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
border: none;
|
||||
background-color: #03A9F4;
|
||||
box-shadow: 0 5px 10px -5px rgba(3, 169, 244, 0.4);
|
||||
font-size: 20px;
|
||||
color: #FFF;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.search-bar .search-submit:hover,
|
||||
.search-bar .search-cancel:hover {
|
||||
background-color: #00BCD4;
|
||||
}
|
||||
.search-bar .search-submit {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.search-result {
|
||||
margin-top: 10px;
|
||||
padding: 0 16px;
|
||||
height: calc(100% - 100px);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.search-result a {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
#search-result-title {
|
||||
border-bottom: 1px solid #DDD;
|
||||
}
|
||||
#search-result-link {
|
||||
margin-top: 7px;
|
||||
}
|
||||
@media screen and (max-width: 500px) {
|
||||
.search-panel {
|
||||
height: 300px;
|
||||
width: 95%;
|
||||
}
|
||||
.search-bar .search-input {
|
||||
margin: 15px 5px 0 0;
|
||||
padding: 0 10px;
|
||||
width: 55%;
|
||||
height: 40px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.search-bar .search-submit,
|
||||
.search-bar .search-cancel {
|
||||
width: 16%;
|
||||
height: 40px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.search-result {
|
||||
padding: 0 5%;
|
||||
height: calc(100% - 80px);
|
||||
}
|
||||
.search-result a {
|
||||
margin-bottom: 8px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 搜索引擎 */
|
||||
|
||||
.search-engine {
|
||||
width: 100%;
|
||||
}
|
||||
.search-engine-bar {
|
||||
height: 45px;
|
||||
width: 100%;
|
||||
background-color: #FFF;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.search-engine-select {
|
||||
color: #FFF;
|
||||
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
#search-engine-input {
|
||||
padding-left: 15px;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
width: calc(100% - 45px);
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
.search-engine-submit {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 7px;
|
||||
left: 7px;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
color: #03A9F4;
|
||||
fill: currentcolor;
|
||||
user-select: none;
|
||||
}
|
||||
.search-engine-select ul {
|
||||
margin-top: 20px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.search-engine-select ul li {
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
list-style: none;
|
||||
font-size: 16px;
|
||||
}
|
||||
/* radio 样式 */
|
||||
.search-engine-select ul li input[type="radio"] {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
}
|
||||
.search-engine-select ul li input[type="radio"] + label:before {
|
||||
content: '';
|
||||
border-radius: 0px;
|
||||
background: #FFF;
|
||||
border: 1px solid #999;
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
position: relative;
|
||||
top: 0;
|
||||
margin-right: 0.25em;
|
||||
vertical-align: top;
|
||||
text-align: center;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
.search-engine-select ul li input[type="radio"]:checked + label:before {
|
||||
background-color: #03A9F4;
|
||||
box-shadow: inset 0 0 0 2px #FFF;
|
||||
}
|
||||
.search-engine-select ul li input[type="radio"]:focus + label:before {
|
||||
outline: none;
|
||||
border-color: #00BCD4;
|
||||
}
|
||||
.search-engine-select ul li input[type="radio"]:disabled + label:before {
|
||||
box-shadow: inset 0 0 0 2px #FFF;
|
||||
border-color: #999;
|
||||
background: #999;
|
||||
}
|
||||
.search-engine-select ul li input[type="radio"] + label:empty:before {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* 悬浮栏 */
|
||||
|
||||
.floating-bar {
|
||||
z-index: 50;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 20px;
|
||||
width: 100%;
|
||||
/* opacity: 0.9; */
|
||||
text-align: center;
|
||||
animation: FloatingBarSlide 1s ease-out 1;
|
||||
}
|
||||
.floating-bar-search,
|
||||
.floating-bar-tool,
|
||||
.floating-bar-about,
|
||||
.floating-bar-totop {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
height: 32px;
|
||||
background-color: #4CAF50;
|
||||
box-shadow: 0 8px 10px -4px rgba(76, 175, 80, 0.5);
|
||||
text-align: center;
|
||||
line-height: 32px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
.floating-bar-tool,
|
||||
.floating-bar-about,
|
||||
.floating-bar-totop {
|
||||
margin-left: 5px;
|
||||
}
|
||||
240
assets/css/nav-tool.css
Normal file
240
assets/css/nav-tool.css
Normal file
@@ -0,0 +1,240 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
html {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 1.2rem 0 5rem 0;
|
||||
background-color: #999;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* 主要 */
|
||||
|
||||
.main {
|
||||
margin: 0 auto;
|
||||
width: 25rem;
|
||||
}
|
||||
.main > div {
|
||||
margin: 1.2rem 0;
|
||||
padding: 1rem;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border-radius: 0.4rem;
|
||||
background-color: #FFF;
|
||||
box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.05);
|
||||
user-select: none;
|
||||
}
|
||||
.main > div header {
|
||||
margin-bottom: 1rem;
|
||||
text-align: center;
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
.main > div hr {
|
||||
margin: 0.5rem 0;
|
||||
height: 0.1rem;
|
||||
border: none;
|
||||
background-color: #EEE;
|
||||
}
|
||||
.main > div input:focus {
|
||||
outline: none;
|
||||
}
|
||||
.main > div input[type="checkbox"] {
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
.main > div input[type="radio"] {
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
.main > div input[type="range"] {
|
||||
-webkit-appearance: none;
|
||||
width: 6rem;
|
||||
}
|
||||
.main > div input[type=range]::-webkit-slider-runnable-track {
|
||||
height: 0.7rem;
|
||||
border-radius: 0.7rem;
|
||||
background-color: #999;
|
||||
}
|
||||
.main > div input[type="range"]::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
height: 1.2rem;
|
||||
width: 1rem;
|
||||
margin-top: -0.25rem;
|
||||
background: #555;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
.main > div input[type="text"] {
|
||||
padding: 0.3rem 0.4rem;
|
||||
border: 0.08rem solid #03A9F4;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.main > div p {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
.main > div textarea {
|
||||
padding: 0.4rem;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border: 0.08rem solid #03A9F4;
|
||||
box-shadow: 0 0 0.4rem rgba(3, 169, 244, 0.2);
|
||||
font-size: 0.9rem;
|
||||
resize: vertical;
|
||||
}
|
||||
.main > div textarea:focus {
|
||||
outline: none;
|
||||
}
|
||||
/* 按钮 */
|
||||
.tool-button {
|
||||
margin: 0.5rem 0 !important;
|
||||
}
|
||||
.tool-button > div {
|
||||
display: inline-block;
|
||||
user-select: none;
|
||||
margin: 0 0.4rem 0 0 !important;
|
||||
padding: 0.4rem 0.9rem;
|
||||
background-color: #03A9F4;
|
||||
text-align: center;
|
||||
font-size: 0.9rem;
|
||||
color: #FFF;
|
||||
border-radius: 0.4rem;
|
||||
box-shadow: 0.2rem 0.2rem 0.4rem rgba(3, 169, 244, 0.4);
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.tool-button > div:hover {
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
/* 索引 */
|
||||
|
||||
.tool-nav ul li {
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
}
|
||||
.tool-nav ul li a {
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 0.4rem 0.6rem;
|
||||
border-radius: 0.4rem;
|
||||
background-color: #4CAF50;
|
||||
text-decoration: none;
|
||||
font-size: 0.9rem;
|
||||
color: #FFF;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.tool-nav ul li a:hover {
|
||||
background-color: #8BC34A;
|
||||
}
|
||||
.tool-nav-link {
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Unix 时间戳转换 */
|
||||
#tool-unixtime > div {
|
||||
margin: 0.2rem 0;
|
||||
}
|
||||
#tool-unixtime > div > span {
|
||||
display: inline-block;
|
||||
width: 7rem;
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
}
|
||||
#tool-unixtime > p {
|
||||
margin: 0.5rem 0;
|
||||
font-size: 1rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
#tool-unixtime input[type="text"] {
|
||||
width: 10rem;
|
||||
}
|
||||
|
||||
/* 计算下载用时 */
|
||||
#tool-downloadtime {
|
||||
|
||||
}
|
||||
#tool-downloadtime-input {
|
||||
|
||||
}
|
||||
#tool-downloadtime-output {
|
||||
|
||||
}
|
||||
#tool-downloadtime-help {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* 简易计算 */
|
||||
|
||||
#tool-calculate textarea {
|
||||
font-size: 1rem;
|
||||
}
|
||||
#tool-calculate-tofixed {
|
||||
width: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 生成批量下载链接 */
|
||||
|
||||
#tool-genlink-link input[type="text"] {
|
||||
width: 80%;
|
||||
}
|
||||
#tool-genlink-settings > div {
|
||||
margin: 0.4rem 0;
|
||||
}
|
||||
#tool-genlink-settings input[type="text"] {
|
||||
width: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
#tool-genlink-settings input[type="radio"] + label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 生成随机字符串 */
|
||||
|
||||
#genstring-result input[type="text"] {
|
||||
width: 80%;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
/* 新窗口（小窗）中打开 */
|
||||
|
||||
#tool-newwindow > div {
|
||||
margin-bottom: 0.6rem;
|
||||
}
|
||||
#tool-newwindow-link input[type="text"] {
|
||||
width: 80%;
|
||||
}
|
||||
#tool-newwindow-meta input[type="text"] {
|
||||
width: 7rem;
|
||||
}
|
||||
|
||||
/* 运行 JavaScript */
|
||||
|
||||
#tool-runjs textarea {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
/* 返回顶部 */
|
||||
|
||||
.to-top {
|
||||
position: fixed;
|
||||
right: 2rem;
|
||||
bottom: 2rem;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.1);
|
||||
background-color: #FFF;
|
||||
text-align: center;
|
||||
line-height: 3rem;
|
||||
font-family: monospace;
|
||||
font-size: 1.2rem;
|
||||
color: #2196F3;
|
||||
user-select: none;
|
||||
}
|
||||
.to-top:hover {
|
||||
animation: ToTopAnimation 0.5s ease-in-out;
|
||||
}
|
||||
221
assets/css/slinky-styles.css
Normal file
221
assets/css/slinky-styles.css
Normal file
@@ -0,0 +1,221 @@
|
||||
/*
|
||||
* colors
|
||||
* primary #4cd964
|
||||
* accent #5ac8fa
|
||||
* accent #ff2d55
|
||||
* background #fff
|
||||
* text #222
|
||||
*/
|
||||
|
||||
/* reset */
|
||||
|
||||
* {
|
||||
border-radius: 0;
|
||||
box-sizing: border-box;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #cbf3b4;
|
||||
}
|
||||
|
||||
/* global */
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
color: #222;
|
||||
cursor: default;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font: normal 14px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
|
||||
Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||
justify-content: center;
|
||||
margin: 4em auto;
|
||||
max-width: calc(100% - 2em);
|
||||
min-height: calc(100vh - 8em);
|
||||
text-transform: lowercase;
|
||||
width: 30em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #4cd964;
|
||||
text-decoration: none;
|
||||
transition: 200ms;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #59e671;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #3fcc57;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: 'Consolas', monospace;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #4cd964;
|
||||
font-size: 1.5em;
|
||||
margin-bottom: 2em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h2::before {
|
||||
content: '';
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #5ac8fa;
|
||||
font-size: 1.25em;
|
||||
margin: 2em 0;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
max-width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 2em 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
pre {
|
||||
background: #f6f7f8;
|
||||
display: block;
|
||||
line-height: 1.4;
|
||||
padding: 1em;
|
||||
user-select: text;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table {
|
||||
background: #f6f7f8;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
margin: 2em 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
thead tr {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.025);
|
||||
}
|
||||
|
||||
thead th {
|
||||
color: #ff2d55;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
tbody tr:not(:first-child) {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.025);
|
||||
}
|
||||
|
||||
tbody td {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: 1em;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* layout */
|
||||
|
||||
header,
|
||||
h1 {
|
||||
align-items: center;
|
||||
align-self: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
header h1::before {
|
||||
content: '';
|
||||
background: url('slinky.svg') center no-repeat;
|
||||
background-size: 2em;
|
||||
height: 2em;
|
||||
margin-bottom: 1em;
|
||||
width: 2em;
|
||||
}
|
||||
|
||||
header p {
|
||||
color: gray;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
main {
|
||||
background: #fff;
|
||||
margin: 4em 0;
|
||||
}
|
||||
|
||||
main section:not(:first-child) {
|
||||
margin-top: 4em;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: #999;
|
||||
font-size: 0.875em;
|
||||
line-height: 1.5;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer img {
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
/* components */
|
||||
|
||||
#menu {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.loading {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.loading::before {
|
||||
animation: spinner 1s infinite linear;
|
||||
content: '';
|
||||
border: 2px solid transparent;
|
||||
border-top-color: #5ac8fa;
|
||||
border-right-color: #5ac8fa;
|
||||
border-radius: 1em;
|
||||
height: 1.5em;
|
||||
margin-right: 1em;
|
||||
width: 1.5em;
|
||||
}
|
||||
|
||||
/* animations */
|
||||
|
||||
@keyframes spinner {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
69
assets/css/slinky.min.css
vendored
Normal file
69
assets/css/slinky.min.css
vendored
Normal file
@@ -0,0 +1,69 @@
|
||||
.slinky-menu {
|
||||
overflow: hidden;
|
||||
transform: translateZ(0); }
|
||||
.slinky-menu > ul {
|
||||
left: 0;
|
||||
position: relative;
|
||||
transform: translateZ(0); }
|
||||
.slinky-menu ul,
|
||||
.slinky-menu li {
|
||||
list-style: none;
|
||||
margin: 0; }
|
||||
.slinky-menu ul {
|
||||
width: 100%; }
|
||||
.slinky-menu a {
|
||||
align-items: center;
|
||||
display: flex; }
|
||||
.slinky-menu a span {
|
||||
flex: 1;
|
||||
line-height: 1.4; }
|
||||
.slinky-menu li ul {
|
||||
display: none;
|
||||
left: 100%;
|
||||
position: absolute;
|
||||
top: 0; }
|
||||
.slinky-menu .header {
|
||||
display: flex; }
|
||||
.slinky-menu .header .title {
|
||||
flex: 1;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
order: 1; }
|
||||
|
||||
.slinky-theme-default {
|
||||
background: #f6f7f8; }
|
||||
.slinky-theme-default .title {
|
||||
color: #333;
|
||||
padding: 1em; }
|
||||
.slinky-theme-default li {
|
||||
line-height: 1; }
|
||||
.slinky-theme-default a:not(.back) {
|
||||
color: #333;
|
||||
padding: 1em; }
|
||||
.slinky-theme-default a:not(.back):hover {
|
||||
background: rgba(90, 200, 250, 0.25); }
|
||||
.slinky-theme-default a:not(.back):active {
|
||||
background: rgba(90, 200, 250, 0.5); }
|
||||
.slinky-theme-default .next::after,
|
||||
.slinky-theme-default .back::before {
|
||||
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;
|
||||
background-size: 1em;
|
||||
content: '';
|
||||
height: 1em;
|
||||
opacity: 0.25;
|
||||
transition: 200ms;
|
||||
width: 1em; }
|
||||
.slinky-theme-default .next::after {
|
||||
margin-left: 1em; }
|
||||
.slinky-theme-default .back::before {
|
||||
padding: 1em;
|
||||
transform: scaleX(-1); }
|
||||
.slinky-theme-default .next:hover::after,
|
||||
.slinky-theme-default .back:hover::before {
|
||||
opacity: 0.75; }
|
||||
.slinky-theme-default .next:active::after,
|
||||
.slinky-theme-default .back:active::before {
|
||||
opacity: 1; }
|
||||
|
||||
|
||||
/*# sourceMappingURL=slinky.min.css.map*/
|
||||
1
assets/css/slinky.min.css.map
Normal file
1
assets/css/slinky.min.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["webpack:///./src/slinky.scss"],"names":[],"mappings":"AAAA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA,cAAc;AACd;AACA,gBAAgB;AAChB;AACA;AACA,kBAAkB;AAClB;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA,WAAW;AACX;AACA,kBAAkB;AAClB;AACA;AACA;AACA;AACA,eAAe;;AAEf;AACA,sBAAsB;AACtB;AACA;AACA,iBAAiB;AACjB;AACA,mBAAmB;AACnB;AACA;AACA,iBAAiB;AACjB;AACA,2CAA2C;AAC3C;AACA,0CAA0C;AAC1C;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA,qBAAqB;AACrB;AACA;AACA,0BAA0B;AAC1B;AACA;AACA,kBAAkB;AAClB;AACA;AACA,eAAe","file":"slinky.min.css","sourcesContent":[".slinky-menu {\n overflow: hidden;\n transform: translateZ(0); }\n .slinky-menu > ul {\n left: 0;\n position: relative;\n transform: translateZ(0); }\n .slinky-menu ul,\n .slinky-menu li {\n list-style: none;\n margin: 0; }\n .slinky-menu ul {\n width: 100%; }\n .slinky-menu a {\n align-items: center;\n display: flex; }\n .slinky-menu a span {\n flex: 1;\n line-height: 1.4; }\n .slinky-menu li ul {\n display: none;\n left: 100%;\n position: absolute;\n top: 0; }\n .slinky-menu .header {\n display: flex; }\n .slinky-menu .header .title {\n flex: 1;\n line-height: 1.4;\n margin: 0;\n order: 1; }\n\n.slinky-theme-default {\n background: #f6f7f8; }\n .slinky-theme-default .title {\n color: #333;\n padding: 1em; }\n .slinky-theme-default li {\n line-height: 1; }\n .slinky-theme-default a:not(.back) {\n color: #333;\n padding: 1em; }\n .slinky-theme-default a:not(.back):hover {\n background: rgba(90, 200, 250, 0.25); }\n .slinky-theme-default a:not(.back):active {\n background: rgba(90, 200, 250, 0.5); }\n .slinky-theme-default .next::after,\n .slinky-theme-default .back::before {\n background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;\n background-size: 1em;\n content: '';\n height: 1em;\n opacity: 0.25;\n transition: 200ms;\n width: 1em; }\n .slinky-theme-default .next::after {\n margin-left: 1em; }\n .slinky-theme-default .back::before {\n padding: 1em;\n transform: scaleX(-1); }\n .slinky-theme-default .next:hover::after,\n .slinky-theme-default .back:hover::before {\n opacity: 0.75; }\n .slinky-theme-default .next:active::after,\n .slinky-theme-default .back:active::before {\n opacity: 1; }\n"],"sourceRoot":""}
|
||||
3
assets/files/heart.svg
Normal file
3
assets/files/heart.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ff2d55">
|
||||
<path d="M16.398 4C14.602 4 13 4.898 12 6.3 11 4.899 9.398 4 7.602 4A5.591 5.591 0 0 0 2 9.602C2 14 12 22 12 22s10-8 10-12.398C22 6.5 19.5 4 16.398 4z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 241 B |
8
assets/files/slinky.svg
Normal file
8
assets/files/slinky.svg
Normal file
@@ -0,0 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
|
||||
<rect fill="#6BA73C" width="100" height="10"/>
|
||||
<rect fill="#ECAE3C" y="18" width="100" height="10"/>
|
||||
<rect fill="#DB752D" y="36" width="100" height="10"/>
|
||||
<rect fill="#C43935" y="54" width="100" height="10"/>
|
||||
<rect fill="#742F81" y="72" width="100" height="10"/>
|
||||
<rect fill="#3E82CC" y="90" width="100" height="10"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 418 B |
BIN
assets/img/Unsplash_V6TWE6h8gyg.jpg
Normal file
BIN
assets/img/Unsplash_V6TWE6h8gyg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 202 KiB |
BIN
assets/img/Unsplash_V6TWE6h8gyg_Blur.jpg
Normal file
BIN
assets/img/Unsplash_V6TWE6h8gyg_Blur.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
BIN
assets/img/Unsplash_V6TWE6h8gyg_Original.jpg
Normal file
BIN
assets/img/Unsplash_V6TWE6h8gyg_Original.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
4
assets/js/jquery-3.2.1.min.js
vendored
Normal file
4
assets/js/jquery-3.2.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
210
assets/js/nav-index.js
Normal file
210
assets/js/nav-index.js
Normal file
@@ -0,0 +1,210 @@
|
||||
/* ---- */
|
||||
/* 变量 */
|
||||
/* ---- */
|
||||
|
||||
// Slinky 插件的设置 //
|
||||
var SlinkyOption = {
|
||||
title: true,
|
||||
speed: 200
|
||||
};
|
||||
|
||||
var ListID = "#list_"; // 列表 ID 前缀
|
||||
var ListCount = 0;
|
||||
var ListCountMax = 17; // 列表总数
|
||||
var FullsSreenText = document.querySelector(".fullscreen-text"); // 全屏文字
|
||||
|
||||
// main 中的 A 标签的对象的集合（链接列表）//
|
||||
var LinkList = document.querySelectorAll("main a");
|
||||
|
||||
// 查找面板 //
|
||||
var SearchMode = 1;
|
||||
var SearchPanel = document.querySelector(".search-panel"); // 查找面板
|
||||
var SearchInput = document.querySelector(".search-input"); // 查找输入框
|
||||
var SearchResultTitle = document.querySelector("#search-result-title"); // 查找结果（标题）
|
||||
var SearchResultLink = document.querySelector("#search-result-link"); // 查找结果（链接）
|
||||
var SearchResultItem = "";
|
||||
|
||||
// 搜索引擎 //
|
||||
var SearchEngineBaidu = document.querySelector("#search-engine-baidu"); // 百度
|
||||
var SearchEngineBing = document.querySelector("#search-engine-bing"); // Bing
|
||||
var SearchEngineGoogle = document.querySelector("#search-engine-google"); // Google
|
||||
var SearchEnginebilibili = document.querySelector("#search-engine-bilibili"); // bilibili
|
||||
|
||||
// 工具面板 //
|
||||
var ToolPanel = document.querySelector(".tool-panel");
|
||||
|
||||
|
||||
/* ---- */
|
||||
/* 函数 */
|
||||
/* ---- */
|
||||
|
||||
// 查找字符 tChar 在 str 中第 num 次出现的位置 //
|
||||
function findChar(str, tChar, num) {
|
||||
var charPos = str.indexOf(tChar);
|
||||
num = num - 1;
|
||||
if (num > 0) {
|
||||
for (var i = 0; i < num; i++) {
|
||||
charPos = str.indexOf(tChar, charPos + 1);
|
||||
}
|
||||
}
|
||||
return charPos;
|
||||
}
|
||||
|
||||
/* 链接列表 */
|
||||
|
||||
// 设置 target = "_blank" //
|
||||
function setTarget() {
|
||||
for (var i = 0; i < LinkList.length; i++) {
|
||||
if (LinkList[i].href.endsWith("#") == false) {
|
||||
LinkList[i].target = "_blank";
|
||||
/* 自动加图标（暂不使用）
|
||||
var slashPos = findChar(LinkList[i].href, '/', 3);
|
||||
getFavicon = "https://www.google.cn/s2/favicons?domain=" + LinkList[i].href.substring(0, slashPos);
|
||||
var imgTag = "<img src='" + getFavicon + "' />";
|
||||
LinkList[i].insertAdjacentHTML("beforeBegin", imgTag);
|
||||
*/
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 显示列表 //
|
||||
function displayList() {
|
||||
document.querySelector("main").style.opacity = "1";
|
||||
FullsSreenText.style.opacity = "0";
|
||||
setTimeout(function () {
|
||||
document.querySelector(".fullscreen-text").style.display = "none";
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
// 加载列表 //
|
||||
function loadList() {
|
||||
ListCount = ListCount + 1;
|
||||
ListID = "#list_" + ListCount;
|
||||
$(ListID).slinky(SlinkyOption);
|
||||
FullsSreenText.innerHTML = "已加载 " + ListCount + " 个分类"; // 全屏文字
|
||||
// 加载完毕 //
|
||||
if (ListCount == ListCountMax) {
|
||||
clearInterval(I_LoadList); // 停止定时执行
|
||||
FullsSreenText.innerHTML = "加载完毕"; // 全屏文字
|
||||
setTarget(); // 设置 target
|
||||
displayList(); // 显示列表
|
||||
}
|
||||
}
|
||||
var I_LoadList = setInterval("loadList()", 100); // 加载列表，间隔 100 毫秒
|
||||
|
||||
/* 链接查找 */
|
||||
|
||||
function searchLink() {
|
||||
var LinkListCount = LinkList.length; // 循环次数
|
||||
var SearchWord = SearchInput.value.toLowerCase(); // 查找关键词
|
||||
if (SearchMode == 1 && SearchWord != "") {
|
||||
SearchResultTitle.innerHTML = ""; // 清空查找结果（标题）
|
||||
SearchResultLink.innerHTML = ""; // 清空查找结果（链接）
|
||||
for (var i = 0; i < LinkListCount; i++) {
|
||||
// 排除 href 是 # 的元素 //
|
||||
if (LinkList[i].href.endsWith("#") == false) {
|
||||
// 匹配关键词 //
|
||||
if (LinkList[i].innerHTML.toLowerCase().indexOf(SearchWord) != -1) {
|
||||
// 匹配标题 //
|
||||
SearchResultItem = LinkList[i].cloneNode(true);
|
||||
SearchResultTitle.appendChild(SearchResultItem); // 复制元素
|
||||
} else if (LinkList[i].href.indexOf(SearchWord) != -1) {
|
||||
// 匹配链接 //
|
||||
SearchResultItem = LinkList[i].cloneNode(true);
|
||||
SearchResultLink.appendChild(SearchResultItem); // 复制元素
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (SearchMode == 1 && SearchWord == "") {
|
||||
SearchResultTitle.innerHTML = "";
|
||||
SearchResultLink.innerHTML = "未输入关键词";
|
||||
} else if (SearchMode == 2) {
|
||||
SearchInput.value = ""; // 清空输入框
|
||||
SearchResultTitle.innerHTML = ""; // 清空查找结果（标题）
|
||||
SearchResultLink.innerHTML = ""; // 清空查找结果（链接）
|
||||
SearchPanel.style.visibility = "hidden"; // 隐藏查找面板
|
||||
} else {
|
||||
SearchResultTitle.innerHTML = "";
|
||||
SearchResultLink.innerHTML = "异常";
|
||||
}
|
||||
}
|
||||
|
||||
/* 搜索引擎 */
|
||||
|
||||
// 搜索 //
|
||||
function searchWeb() {
|
||||
var GetSearchWord = document.querySelector("#search-engine-input"); // 关键词输入框
|
||||
var SearchWord = GetSearchWord.value; // 关键词
|
||||
if (SearchEngineBaidu.checked == true) {
|
||||
window.open("https://www.baidu.com/s?ie=UTF-8&wd=" + SearchWord);
|
||||
} else if (SearchEngineBing.checked == true) {
|
||||
window.open("https://cn.bing.com/search?q=" + SearchWord);
|
||||
} else if (SearchEngineGoogle.checked == true) {
|
||||
window.open("https://www.google.com/search?q=" + SearchWord);
|
||||
} else if (SearchEnginebilibili.checked == true) {
|
||||
window.open("https://search.bilibili.com/all" + "?keyword=" + SearchWord);
|
||||
} else {
|
||||
GetSearchWord.value = "搜索引擎选择有误！"
|
||||
}
|
||||
}
|
||||
|
||||
// 储存当前搜索引擎 //
|
||||
function setSearchEngine(Name) {
|
||||
switch (Name)
|
||||
{
|
||||
case "baidu":
|
||||
localStorage.setItem("SearchEngine", "baidu");
|
||||
break;
|
||||
case "bing":
|
||||
localStorage.setItem("SearchEngine", "bing");
|
||||
break;
|
||||
case "google":
|
||||
localStorage.setItem("SearchEngine", "google");
|
||||
break;
|
||||
case "bilibili":
|
||||
localStorage.setItem("SearchEngine", "bilibili");
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// 设置当前搜索引擎 //
|
||||
function getSearchEngine() {
|
||||
var SearchEngine = localStorage.getItem("SearchEngine");
|
||||
switch (SearchEngine){
|
||||
case "baidu":
|
||||
SearchEngineBaidu.checked = true;
|
||||
break;
|
||||
case "bing":
|
||||
SearchEngineBing.checked = true;
|
||||
break;
|
||||
case "google":
|
||||
SearchEngineGoogle.checked = true;
|
||||
break;
|
||||
case "bilibili":
|
||||
SearchEnginebilibili.checked = true;
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
getSearchEngine();
|
||||
|
||||
/* 工具面板 */
|
||||
|
||||
// 显示 //
|
||||
function showToolPanel() {
|
||||
ToolPanel.style.display = "block";
|
||||
}
|
||||
|
||||
// 关闭 //
|
||||
function closeToolPanel() {
|
||||
ToolPanel.style.bottom = "-110%";
|
||||
ToolPanel.style.opacity = "0";
|
||||
setTimeout(function () {
|
||||
ToolPanel.style.display = "none";
|
||||
ToolPanel.style.bottom = "0";
|
||||
ToolPanel.style.opacity = "1";
|
||||
}, 500);
|
||||
}
|
||||
12
assets/js/nav-index.min.js
vendored
Normal file
12
assets/js/nav-index.min.js
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
var SlinkyOption={title:true,speed:200};var ListID="#list_";var ListCount=0;var ListCountMax=17;var FullsSreenText=document.querySelector(".fullscreen-text");var LinkList=document.querySelectorAll("main a");var SearchMode=1;var SearchPanel=document.querySelector(".search-panel");var SearchInput=document.querySelector(".search-input");var SearchResultTitle=document.querySelector("#search-result-title");var SearchResultLink=document.querySelector("#search-result-link");var SearchResultItem="";var SearchEngineBaidu=document.querySelector("#search-engine-baidu");var SearchEngineBing=document.querySelector("#search-engine-bing");var SearchEngineGoogle=document.querySelector("#search-engine-google");var SearchEnginebilibili=document.querySelector("#search-engine-bilibili");var ToolPanel=document.querySelector(".tool-panel");function findChar(str,tChar,num){var charPos=str.indexOf(tChar);num=num-1;if(num>0){for(var i=0;i<num;i++){charPos=str.indexOf(tChar,charPos+1);}}
|
||||
return charPos;}
|
||||
function setTarget(){for(var i=0;i<LinkList.length;i++){if(LinkList[i].href.endsWith("#")==false){LinkList[i].target="_blank";}}}
|
||||
function displayList(){document.querySelector("main").style.opacity="1";FullsSreenText.style.opacity="0";setTimeout(function(){document.querySelector(".fullscreen-text").style.display="none";},1000);}
|
||||
function loadList(){ListCount=ListCount+1;ListID="#list_"+ListCount;$(ListID).slinky(SlinkyOption);FullsSreenText.innerHTML="已加载 "+ListCount+" 个分类";if(ListCount==ListCountMax){clearInterval(I_LoadList);FullsSreenText.innerHTML="加载完毕";setTarget();displayList();}}
|
||||
var I_LoadList=setInterval("loadList()",100);function searchLink(){var LinkListCount=LinkList.length;var SearchWord=SearchInput.value.toLowerCase();if(SearchMode==1&&SearchWord!=""){SearchResultTitle.innerHTML="";SearchResultLink.innerHTML="";for(var i=0;i<LinkListCount;i++){if(LinkList[i].href.endsWith("#")==false){if(LinkList[i].innerHTML.toLowerCase().indexOf(SearchWord)!=-1){SearchResultItem=LinkList[i].cloneNode(true);SearchResultTitle.appendChild(SearchResultItem);}else if(LinkList[i].href.indexOf(SearchWord)!=-1){SearchResultItem=LinkList[i].cloneNode(true);SearchResultLink.appendChild(SearchResultItem);}}}}else if(SearchMode==1&&SearchWord==""){SearchResultTitle.innerHTML="";SearchResultLink.innerHTML="未输入关键词";}else if(SearchMode==2){SearchInput.value="";SearchResultTitle.innerHTML="";SearchResultLink.innerHTML="";SearchPanel.style.visibility="hidden";}else{SearchResultTitle.innerHTML="";SearchResultLink.innerHTML="异常";}}
|
||||
function searchWeb(){var GetSearchWord=document.querySelector("#search-engine-input");var SearchWord=GetSearchWord.value;if(SearchEngineBaidu.checked==true){window.open("https://www.baidu.com/s?ie=UTF-8&wd="+SearchWord);}else if(SearchEngineBing.checked==true){window.open("https://cn.bing.com/search?q="+SearchWord);}else if(SearchEngineGoogle.checked==true){window.open("https://www.google.com/search?q="+SearchWord);}else if(SearchEnginebilibili.checked==true){window.open("https://search.bilibili.com/all"+"?keyword="+SearchWord);}else{GetSearchWord.value="搜索引擎选择有误！"}}
|
||||
function setSearchEngine(Name){switch(Name)
|
||||
{case"baidu":localStorage.setItem("SearchEngine","baidu");break;case"bing":localStorage.setItem("SearchEngine","bing");break;case"google":localStorage.setItem("SearchEngine","google");break;case"bilibili":localStorage.setItem("SearchEngine","bilibili");break;default:break;}}
|
||||
function getSearchEngine(){var SearchEngine=localStorage.getItem("SearchEngine");switch(SearchEngine){case"baidu":SearchEngineBaidu.checked=true;break;case"bing":SearchEngineBing.checked=true;break;case"google":SearchEngineGoogle.checked=true;break;case"bilibili":SearchEnginebilibili.checked=true;break;default:break;}}
|
||||
getSearchEngine();function showToolPanel(){ToolPanel.style.display="block";}
|
||||
function closeToolPanel(){ToolPanel.style.bottom="-110%";ToolPanel.style.opacity="0";setTimeout(function(){ToolPanel.style.display="none";ToolPanel.style.bottom="0";ToolPanel.style.opacity="1";},500);}
|
||||
494
assets/js/nav-tool.js
Normal file
494
assets/js/nav-tool.js
Normal file
@@ -0,0 +1,494 @@
|
||||
/* ---- */
|
||||
/* 变量 */
|
||||
/* ---- */
|
||||
|
||||
var Settings = {
|
||||
// 全局 //
|
||||
Global: {
|
||||
FontSize: localStorage.getItem("SettingFont") // 字体大小
|
||||
},
|
||||
// 工具 //
|
||||
Tool: {
|
||||
// 生成随机字符串 //
|
||||
GenString: {
|
||||
length: "8", // 长度
|
||||
hasNum: true, // 包含数字
|
||||
hasChar: false, // 包含字母
|
||||
hasSymbol: false, // 包含其他符号
|
||||
caseSense: true, // 包含大小写
|
||||
lowerCase: false // 全小写
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ---- */
|
||||
/* 函数 */
|
||||
/* ---- */
|
||||
|
||||
/* 返回顶部 */
|
||||
|
||||
function toTop() {
|
||||
document.body.scrollTop = 0;
|
||||
document.documentElement.scrollTop = 0;
|
||||
}
|
||||
|
||||
/* 设置 */
|
||||
|
||||
// 字体大小 //
|
||||
function toolSettingsFont(mode) {
|
||||
var RootEle = document.querySelector("html");
|
||||
var Input = document.querySelector(".tool-setting-font p input");
|
||||
var Output = document.querySelector(".tool-setting-font p label");
|
||||
switch (mode){
|
||||
// 重置 //
|
||||
case "reset":
|
||||
Settings.Global.FontSize = "16";
|
||||
localStorage.setItem("SettingFont", Settings.Global.FontSize);
|
||||
Output.innerHTML = Input.value = Settings.Global.FontSize;
|
||||
RootEle.style.fontSize = Settings.Global.FontSize + "px";
|
||||
break;
|
||||
// 获取 //
|
||||
case "get":
|
||||
if (Settings.Global.FontSize == null) {
|
||||
toolSettingsFont("reset");
|
||||
}
|
||||
Output.innerHTML = Input.value = Settings.Global.FontSize;
|
||||
RootEle.style.fontSize = Settings.Global.FontSize + "px";
|
||||
break;
|
||||
// 显示数值 //
|
||||
case "show":
|
||||
Output.innerHTML = Input.value;
|
||||
break;
|
||||
// 设置 //
|
||||
case "set":
|
||||
Settings.Global.FontSize = Input.value;
|
||||
localStorage.setItem("SettingFont", Settings.Global.FontSize);
|
||||
RootEle.style.fontSize = Settings.Global.FontSize + "px";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/* Unix 时间戳转换 */
|
||||
|
||||
// 将传入的时间转换为时间戳 //
|
||||
function toolUnixTimeToUnix(GetTime, isMillisecond) {
|
||||
var Time = new Date(); // 创建 Date 对象
|
||||
// 根据 GetTime 设置时间 //
|
||||
Time.setFullYear(GetTime.substring(0, 4)); // GetTime 的子串：年
|
||||
Time.setMonth(GetTime.substring(5, 7) - 1); // GetTime 的子串：月
|
||||
Time.setDate(GetTime.substring(8, 10)); // GetTime 的子串：日
|
||||
Time.setHours(GetTime.substring(11, 13)); // GetTime 的子串：时
|
||||
Time.setMinutes(GetTime.substring(14, 16)); // GetTime 的子串：分
|
||||
Time.setSeconds(GetTime.substring(17, 19)); // GetTime 的子串：秒
|
||||
// 调试 //
|
||||
// console.log("时间：" + Time);
|
||||
// 根据 isMillisecond 确认输出的单位
|
||||
if (isMillisecond == false) {
|
||||
// 模式：秒 //
|
||||
var TextLength = Time.getTime().toString().length; // 获取字符串长度
|
||||
return Time.getTime().toString().substring(0, TextLength - 3); // 返回时间戳
|
||||
} else if (isMillisecond == true) {
|
||||
// 模式：毫秒 //
|
||||
var TextLength = Time.getTime().toString().length; // 获取字符串长度
|
||||
return Time.getTime().toString().substring(0, TextLength - 3) + "000"; // 返回时间戳
|
||||
} else {
|
||||
return "模式有误！";
|
||||
}
|
||||
}
|
||||
|
||||
// 将传入的时间戳转换为时间 //
|
||||
function toolUnixTimeToTime(GetUnix, isMillisecond) {
|
||||
var Time = new Date(); // 创建 Date 对象
|
||||
// 根据 isMillisecond 确认输入的单位
|
||||
if (isMillisecond == false) {
|
||||
// 模式：秒 //
|
||||
GetUnix = GetUnix + "000"; // 补零变为毫秒
|
||||
Time.setTime(GetUnix); // 根据 GetUnix 设置时间
|
||||
} else if (isMillisecond == true) {
|
||||
// 模式：毫秒 //
|
||||
Time.setTime(GetUnix); // 根据 GetUnix 设置时间
|
||||
} else {
|
||||
Time.setTime("0"); // 把时间设置为 0
|
||||
}
|
||||
var TimeYear = Time.getFullYear(); // 年
|
||||
var TimeMonth = Time.getMonth() + 1; // 月
|
||||
// 补零 //
|
||||
if (TimeMonth < 10) {
|
||||
TimeMonth = "0" + TimeMonth;
|
||||
}
|
||||
var TimeDate = Time.getDate(); // 日
|
||||
// 补零 //
|
||||
if (TimeDate < 10) {
|
||||
TimeDate = "0" + TimeDate;
|
||||
}
|
||||
var TimeHour = Time.getHours(); // 时
|
||||
// 补零 //
|
||||
if (TimeHour < 10) {
|
||||
TimeHour = "0" + TimeHour;
|
||||
}
|
||||
var TimeMinute = Time.getMinutes(); // 分
|
||||
// 补零 //
|
||||
if (TimeMinute < 10) {
|
||||
TimeMinute = "0" + TimeMinute;
|
||||
}
|
||||
var TimeSecond = Time.getSeconds(); // 秒
|
||||
// 补零 //
|
||||
if (TimeSecond < 10) {
|
||||
TimeSecond = "0" + TimeSecond;
|
||||
}
|
||||
// 返回：年-月-日 时:分:秒 //
|
||||
return TimeYear + "-" + TimeMonth + "-" + TimeDate + " " + TimeHour + ":" + TimeMinute + ":" + TimeSecond;
|
||||
}
|
||||
|
||||
// 当前 //
|
||||
function toolUnixTimeNow() {
|
||||
var GetInputA = document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0]; // 输入框 A
|
||||
var GetInputB = document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0]; // 输入框 B
|
||||
var GetSettingAA = document.getElementById("unixtime-setting-aa").checked; // A 模式：秒
|
||||
var GetSettingAB = document.getElementById("unixtime-setting-ab").checked; // A 模式：毫秒
|
||||
var GetSettingBA = document.getElementById("unixtime-setting-ba").checked; // B 模式：秒
|
||||
var GetSettingBB = document.getElementById("unixtime-setting-bb").checked; // B 模式：毫秒
|
||||
// 调用函数，获取时间 //
|
||||
if (GetSettingAA == true) {
|
||||
var Time = new Date(); // 创建 Date 对象
|
||||
var TextLength = Time.getTime().toString().length; // 获取字符串长度
|
||||
GetInputA.value = Time.getTime().toString().substring(0, TextLength - 3); // 时间戳（秒）
|
||||
} else if (GetSettingAB == true) {
|
||||
GetInputA.value = new Date().getTime(); // 时间戳（毫秒）
|
||||
}
|
||||
GetInputB.value = toolUnixTimeToTime(new Date().getTime(), true); // 时间
|
||||
}
|
||||
|
||||
// 转换 //
|
||||
function toolUnixTimeSubmit() {
|
||||
var GetInputA = document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0]; // 输入框 A
|
||||
var GetInputB = document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0]; // 输入框 B
|
||||
var GetOutputA = document.getElementById("tool-unixtime-output-a").getElementsByTagName("input")[0]; // 输出框 A
|
||||
var GetOutputB = document.getElementById("tool-unixtime-output-b").getElementsByTagName("input")[0]; // 输出框 B
|
||||
var GetSettingAA = document.getElementById("unixtime-setting-aa").checked; // A 模式：秒
|
||||
var GetSettingAB = document.getElementById("unixtime-setting-ab").checked; // A 模式：毫秒
|
||||
var GetSettingBA = document.getElementById("unixtime-setting-ba").checked; // B 模式：秒
|
||||
var GetSettingBB = document.getElementById("unixtime-setting-bb").checked; // B 模式：毫秒
|
||||
// 调用函数，转换时间 //
|
||||
if (GetSettingAA == true) {
|
||||
// 秒 //
|
||||
GetOutputA.value = toolUnixTimeToTime(GetInputA.value, false); // 转换为时间
|
||||
} else if (GetSettingAB == true) {
|
||||
// 毫秒 //
|
||||
GetOutputA.value = toolUnixTimeToTime(GetInputA.value, GetSettingAB); // 转换为时间
|
||||
}
|
||||
GetOutputB.value = toolUnixTimeToUnix(GetInputB.value, GetSettingBB); // 转换为时间戳
|
||||
}
|
||||
|
||||
// 按钮：重置 //
|
||||
function toolUnixTimeClear() {
|
||||
document.querySelector("#tool-unixtime-input-a input").value = ''; // 清空输入框 A
|
||||
document.querySelector("#tool-unixtime-input-b input").value = ''; // 清空输入框 B
|
||||
document.querySelector("#tool-unixtime-output-a input").value = ''; // 清空输出框 A
|
||||
document.querySelector("#tool-unixtime-output-b input").value = ''; // 清空输出框 B
|
||||
}
|
||||
|
||||
/* 计算 */
|
||||
|
||||
function toolCalculateSubmit() {
|
||||
GetInput = document.getElementById("tool-calculate-input"); // 算式输入框
|
||||
GetToFixed = document.getElementById("tool-calculate-tofixed"); // 保留小数点后的位数
|
||||
GetResult = document.getElementById("tool-calculate-result").getElementsByTagName("span")[0]; // 结果
|
||||
GetCal = GetInput.value; // 获取输入的算式
|
||||
GetCal = GetCal.replace(/π/g, "Math.PI"); // 替换（圆周率，Math.PI）
|
||||
GetCal = GetCal.replace(/幂/g, "Math.pow"); // 替换（乘方运算，Math.pow）
|
||||
GetCal = GetCal.replace(/平方根/g, "Math.sqrt"); // 替换（乘方运算，Math.pow）
|
||||
// 运行 //
|
||||
if (GetToFixed.value >= 0 && GetToFixed.value <= 16) {
|
||||
GetResult.innerText = eval(GetCal).toFixed(GetToFixed.value);
|
||||
} else {
|
||||
GetResult.innerText = "保留位数有误（0 ~ 16 之间）";
|
||||
}
|
||||
}
|
||||
|
||||
function toolCalculateClear() {
|
||||
GetInput = document.getElementById("tool-calculate-input"); // 算式输入框
|
||||
GetInput.value = ''; // 清空“输入框”和“结果”
|
||||
GetResult.innerText = ''; // 清空“结果”
|
||||
}
|
||||
|
||||
/* 生成批量下载链接 */
|
||||
|
||||
function toolGenLinkSubmit() {
|
||||
var VarText = "(*)"; // 变量表示
|
||||
var BaseLink = document.getElementById("tool-genlink-link").getElementsByTagName("input")[0].value; // 网址
|
||||
var GetSettingType = document.getElementsByName("genlink-settings"); // 批量变化类型
|
||||
// 设定 //
|
||||
var GetSettingA = document.getElementById("tool-genlink-settings-a").getElementsByTagName("input"); // 等差数列
|
||||
var GetSettingB = document.getElementById("tool-genlink-settings-b").getElementsByTagName("input"); // 等比数列
|
||||
var GetSettingC = document.getElementById("tool-genlink-settings-c").getElementsByTagName("input"); // 字母变化
|
||||
// 结果 //
|
||||
var GetResult = document.getElementById("tool-genlink-result");
|
||||
var LinkReplace = '';
|
||||
var LinkResult = '';
|
||||
// 自动补零 //
|
||||
function AddZero() {
|
||||
if (NumLength < NumLastLength) {
|
||||
var ZeroMax = NumLastLength - NumLength; // 自动补零的个数
|
||||
// 自动补 0 //
|
||||
for (let i = 1; i <= ZeroMax; i++) {
|
||||
Num = "0" + Num;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 替换变量；替换变量；判断是否开启倒序；拼接结果；拼接结果 //
|
||||
function CheckReverse() {
|
||||
LinkReplace = BaseLink.replace(VarText, Num); // 替换链接中的变量为当前值（VarText 替换为 Num）
|
||||
if (GetReverse == false) {
|
||||
// console.log("非倒序");
|
||||
LinkResult = LinkResult + LinkReplace + "\n"; // 拼接结果
|
||||
} else if (GetReverse == true) {
|
||||
// console.log("倒序");
|
||||
LinkResult = LinkReplace + "\n" + LinkResult; // 拼接结果
|
||||
}
|
||||
}
|
||||
// 运行 //
|
||||
if (GetSettingType[0].checked == true) {
|
||||
// 等差数列 //
|
||||
// console.log("等差数列");
|
||||
var GetFirst = parseInt(GetSettingA[1].value); // 首项
|
||||
var GetLength = parseInt(GetSettingA[2].value); // 项数
|
||||
var GetDiff = parseInt(GetSettingA[3].value); // 公差
|
||||
var GetZero = GetSettingA[4].checked; // 补零
|
||||
var GetReverse = GetSettingA[5].checked; // 倒序
|
||||
// 判断是否开启补零 //
|
||||
if (GetZero == true) {
|
||||
// 等差数列 补零 //
|
||||
// console.log("等差数列 补零");
|
||||
var Num; // 当前项的值
|
||||
var NumLength; // 当前项的值的位数
|
||||
var NumLast = GetFirst + (GetLength - 1) * GetDiff; // 根据等差数列通项公式计算末项的值
|
||||
var NumLastLength = NumLast.toString().length; // 末项的值的位数
|
||||
// console.log("末项的值：" + NumLast);
|
||||
for (var i = 1; i <= GetLength; i++) {
|
||||
Num = GetFirst + (i - 1) * GetDiff; // 根据等差数列通项公式计算当前项的值
|
||||
NumLength = Num.toString().length; // 当前项的值的位数
|
||||
AddZero(); // 若位数不足，自动补零
|
||||
CheckReverse(); // 替换变量；判断是否开启倒序；拼接结果
|
||||
}
|
||||
} else if (GetZero == false) {
|
||||
// 等差数列 不补零 //
|
||||
// console.log("等差数列 不补零");
|
||||
var Num; // 当前项的值
|
||||
for (var i = 1; i <= GetLength; i++) {
|
||||
Num = GetFirst + (i - 1) * GetDiff; // 根据等差数列通项公式计算当前项的值
|
||||
CheckReverse(); // 替换变量；判断是否开启倒序；拼接结果
|
||||
}
|
||||
}
|
||||
} else if (GetSettingType[1].checked == true) {
|
||||
// 等比数列 //
|
||||
var GetFirst = parseInt(GetSettingB[1].value); // 首项
|
||||
var GetLength = parseInt(GetSettingB[2].value); // 项数
|
||||
var GetDiff = parseInt(GetSettingB[3].value); // 公比
|
||||
var GetZero = GetSettingB[4].checked; // 补零
|
||||
var GetReverse = GetSettingB[5].checked; // 倒序
|
||||
// 判断是否开启补零 //
|
||||
if (GetZero == true) {
|
||||
// 等比数列 补零 //
|
||||
// console.log("等比数列 补零");
|
||||
var Num; // 当前项的值
|
||||
var NumLength; // 当前项的值的位数
|
||||
var NumLast = GetFirst * Math.pow(GetDiff, (GetLength - 1)); // 根据等比数列通项公式计算末项的值
|
||||
var NumLastLength = NumLast.toString().length; // 末项的值的位数
|
||||
// console.log("末项的值：" + NumLast);
|
||||
for (var i = 1; i <= GetLength; i++) {
|
||||
Num = GetFirst * Math.pow(GetDiff, (i - 1)); // 根据等比数列通项公式计算当前项的值
|
||||
NumLength = Num.toString().length; // 当前项的值的位数
|
||||
AddZero(); // 若位数不足，自动补零
|
||||
CheckReverse(); // 替换变量；判断是否开启倒序；拼接结果
|
||||
}
|
||||
} else if (GetZero == false) {
|
||||
// 等比数列 不补零 //
|
||||
// console.log("等比数列 不补零");
|
||||
var Num; // 当前项的值
|
||||
for (var i = 1; i <= GetLength; i++) {
|
||||
Num = GetFirst * Math.pow(GetDiff, (i - 1)); // 根据等比数列通项公式计算当前项的值
|
||||
CheckReverse(); // 替换变量；判断是否开启倒序；拼接结果
|
||||
}
|
||||
}
|
||||
} else if (GetSettingType[2].checked == true) {
|
||||
// 字母变化 //
|
||||
var GetFirst = GetSettingC[1].value.charCodeAt(0); // 从（获取对应字母的 Unicode 编码）
|
||||
var GetLast = GetSettingC[2].value.charCodeAt(0); // 到（获取对应字母的 Unicode 编码）
|
||||
var GetReverse = GetSettingC[3].checked; // 倒序
|
||||
// console.log("从：" + GetFirst);
|
||||
// console.log("到：" + GetLast);
|
||||
// console.log("倒序：" + GetReverse);
|
||||
if (GetFirst >= 65 && GetFirst <= 122 && GetLast >= 65 && GetLast <= 122) {
|
||||
if (GetFirst < GetLast) {
|
||||
for (var i = GetFirst; i <= GetLast; i++) {
|
||||
if (i >= 91 && i <= 96) {
|
||||
continue; // 若为 [ \ ] ^ _ ` 则跳出循环
|
||||
}
|
||||
Num = String.fromCharCode(i); // 获取对应 Unicode 编码的字母
|
||||
CheckReverse(); // 替换变量；判断是否开启倒序；拼接结果
|
||||
}
|
||||
} else if (GetFirst > GetLast) {
|
||||
GetResult.placeholder = "字母先后顺序有误。\n请按此顺序填写：\nA - Z a - z\n例如：\n从 a 到 d\n从 A 到 D\n从 X 到 g";
|
||||
} else if (GetFirst == GetLast) {
|
||||
GetResult.placeholder = "仅有 1 条链接，无需生成。";
|
||||
} else {
|
||||
GetResult.placeholder = "异常。";
|
||||
}
|
||||
} else {
|
||||
GetResult.placeholder = "超出范围。";
|
||||
}
|
||||
} else {
|
||||
// 异常 //
|
||||
GetResult.placeholder = "类型选择有误";
|
||||
}
|
||||
GetResult.value = LinkResult; // 输出批量结果
|
||||
}
|
||||
|
||||
function toolGenLinkClear() {
|
||||
var GetResult = document.getElementById("tool-genlink-result");
|
||||
GetResult.value = ''; // 清空结果
|
||||
GetResult.placeholder = "结果";
|
||||
}
|
||||
|
||||
/*
|
||||
* 生成随机字符串
|
||||
*
|
||||
* 来源：https://www.cnblogs.com/hankuksui/p/9892729.html
|
||||
*
|
||||
* 033 - 047：! - /
|
||||
* 048 - 057：0 - 9
|
||||
* 058 - 064：: - @
|
||||
* 065 - 090：A - Z
|
||||
* 091 - 096：[ - `
|
||||
* 097 - 122：a - z
|
||||
* 123 - 127：{ -
|
||||
*
|
||||
* @param length 长度
|
||||
* @param hasNum 是否包含数字
|
||||
* @param hasChar 是否包含字母
|
||||
* @param hasSymbol 是否包含其他符号
|
||||
* @param caseSense 是否包含大小写
|
||||
* @param lowerCase 是否全小写，当 caseSense 为 false 时起作用
|
||||
*/
|
||||
|
||||
function toolGenString(length, hasNum, hasChar, hasSymbol, caseSense, lowerCase) {
|
||||
var m = "请选中数字、字母或其他符号的其中一项！";
|
||||
if (hasNum == false && hasChar == false && hasSymbol == false) {
|
||||
return m;
|
||||
}
|
||||
m = "";
|
||||
for (var i = length; i > 0; i--) {
|
||||
var num = Math.floor((Math.random() * 94) + 33);
|
||||
if (
|
||||
(
|
||||
(hasNum == false) && ((num >= 48) && (num <= 57))
|
||||
) || (
|
||||
(hasChar == false) && ((
|
||||
(num >= 65) && (num <= 90)
|
||||
) || (
|
||||
(num >= 97) && (num <= 122)
|
||||
))
|
||||
) || (
|
||||
(hasSymbol == false) && ((
|
||||
(num >= 33) && (num <= 47)
|
||||
) || (
|
||||
(num >= 58) && (num <= 64)
|
||||
) || (
|
||||
(num >= 91) && (num <= 96)
|
||||
) || (
|
||||
(num >= 123) && (num <= 127)
|
||||
))
|
||||
)
|
||||
) {
|
||||
i++;
|
||||
continue;
|
||||
}
|
||||
m += String.fromCharCode(num);
|
||||
}
|
||||
if (caseSense == false) {
|
||||
m = (lowerCase == false) ? m.toUpperCase() : m.toLowerCase();
|
||||
}
|
||||
return m;
|
||||
}
|
||||
|
||||
function toolGenStringSettings(name) {
|
||||
var InputSettings = document.querySelectorAll("#genstring-settings p input");
|
||||
var ObjSettings = Settings.Tool.GenString;
|
||||
switch (name){
|
||||
case "length":
|
||||
ObjSettings.length = InputSettings[0].value;
|
||||
break;
|
||||
case "hasNum":
|
||||
ObjSettings.hasNum = InputSettings[1].checked;
|
||||
break;
|
||||
case "hasChar":
|
||||
ObjSettings.hasChar = InputSettings[2].checked;
|
||||
break;
|
||||
case "hasSymbol":
|
||||
ObjSettings.hasSymbol = InputSettings[3].checked;
|
||||
break;
|
||||
case "caseSense":
|
||||
ObjSettings.caseSense = InputSettings[4].checked;
|
||||
break;
|
||||
case "lowerCase":
|
||||
ObjSettings.lowerCase = InputSettings[5].checked;
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
function toolGenStringSubmit() {
|
||||
var Result = document.querySelector("#genstring-result input");
|
||||
var ObjSettings = Settings.Tool.GenString;
|
||||
var Str = toolGenString(ObjSettings.length, ObjSettings.hasNum, ObjSettings.hasChar, ObjSettings.hasSymbol, ObjSettings.caseSense, ObjSettings.lowerCase);
|
||||
Result.value = Str;
|
||||
}
|
||||
|
||||
/* 新窗口（小窗）中打开 */
|
||||
|
||||
function toolNewWindowSubmit() {
|
||||
var link = document.querySelector("#tool-newwindow-link input").value; // 网址
|
||||
var width = document.querySelectorAll("#tool-newwindow-meta input")[0].value; // 宽度
|
||||
var height = document.querySelectorAll("#tool-newwindow-meta input")[1].value; // 高度
|
||||
if (width == "") {
|
||||
width = 400;
|
||||
}
|
||||
if (height == "") {
|
||||
height = 300;
|
||||
}
|
||||
window.open(link, "_blank", "height=" + height + ", width=" + width + ", toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=yes, status=yes");
|
||||
}
|
||||
|
||||
function toolNewWindowClear() {
|
||||
document.querySelector("#tool-newwindow-link input").value = ""; // 网址
|
||||
document.querySelectorAll("#tool-newwindow-meta input")[0].value = ""; // 宽度
|
||||
document.querySelectorAll("#tool-newwindow-meta input")[1].value = ""; // 高度
|
||||
}
|
||||
|
||||
/* 运行 JavaScript */
|
||||
|
||||
function toolRunJSSubmit() {
|
||||
var GetCode = document.querySelector("#tool-runjs-input"); // 代码输入框
|
||||
eval(GetCode.value); // 运行
|
||||
}
|
||||
|
||||
function toolRunJSClear() {
|
||||
var GetCode = document.querySelector("#tool-runjs-input"); // 代码输入框
|
||||
GetCode.value = ''; // 清空
|
||||
}
|
||||
|
||||
/* ---- */
|
||||
/* 事件 */
|
||||
/* ---- */
|
||||
|
||||
|
||||
|
||||
/* ---- */
|
||||
/* 调用 */
|
||||
/* ---- */
|
||||
|
||||
toolSettingsFont("get"); // 读取字体大小
|
||||
39
assets/js/nav-tool.min.js
vendored
Normal file
39
assets/js/nav-tool.min.js
vendored
Normal file
@@ -0,0 +1,39 @@
|
||||
var Settings={Global:{FontSize:localStorage.getItem("SettingFont")},Tool:{GenString:{length:"8",hasNum:true,hasChar:false,hasSymbol:false,caseSense:true,lowerCase:false}}}
|
||||
function toTop(){document.body.scrollTop=0;document.documentElement.scrollTop=0;}
|
||||
function toolSettingsFont(mode){var RootEle=document.querySelector("html");var Input=document.querySelector(".tool-setting-font p input");var Output=document.querySelector(".tool-setting-font p label");switch(mode){case"reset":Settings.Global.FontSize="16";localStorage.setItem("SettingFont",Settings.Global.FontSize);Output.innerHTML=Input.value=Settings.Global.FontSize;RootEle.style.fontSize=Settings.Global.FontSize+"px";break;case"get":if(Settings.Global.FontSize==null){toolSettingsFont("reset");}
|
||||
Output.innerHTML=Input.value=Settings.Global.FontSize;RootEle.style.fontSize=Settings.Global.FontSize+"px";break;case"show":Output.innerHTML=Input.value;break;case"set":Settings.Global.FontSize=Input.value;localStorage.setItem("SettingFont",Settings.Global.FontSize);RootEle.style.fontSize=Settings.Global.FontSize+"px";break;default:break;}}
|
||||
function toolUnixTimeToUnix(GetTime,isMillisecond){var Time=new Date();Time.setFullYear(GetTime.substring(0,4));Time.setMonth(GetTime.substring(5,7)-1);Time.setDate(GetTime.substring(8,10));Time.setHours(GetTime.substring(11,13));Time.setMinutes(GetTime.substring(14,16));Time.setSeconds(GetTime.substring(17,19));if(isMillisecond==false){var TextLength=Time.getTime().toString().length;return Time.getTime().toString().substring(0,TextLength-3);}else if(isMillisecond==true){var TextLength=Time.getTime().toString().length;return Time.getTime().toString().substring(0,TextLength-3)+"000";}else{return"模式有误！";}}
|
||||
function toolUnixTimeToTime(GetUnix,isMillisecond){var Time=new Date();if(isMillisecond==false){GetUnix=GetUnix+"000";Time.setTime(GetUnix);}else if(isMillisecond==true){Time.setTime(GetUnix);}else{Time.setTime("0");}
|
||||
var TimeYear=Time.getFullYear();var TimeMonth=Time.getMonth()+1;if(TimeMonth<10){TimeMonth="0"+TimeMonth;}
|
||||
var TimeDate=Time.getDate();if(TimeDate<10){TimeDate="0"+TimeDate;}
|
||||
var TimeHour=Time.getHours();if(TimeHour<10){TimeHour="0"+TimeHour;}
|
||||
var TimeMinute=Time.getMinutes();if(TimeMinute<10){TimeMinute="0"+TimeMinute;}
|
||||
var TimeSecond=Time.getSeconds();if(TimeSecond<10){TimeSecond="0"+TimeSecond;}
|
||||
return TimeYear+"-"+TimeMonth+"-"+TimeDate+" "+TimeHour+":"+TimeMinute+":"+TimeSecond;}
|
||||
function toolUnixTimeNow(){var GetInputA=document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0];var GetInputB=document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0];var GetSettingAA=document.getElementById("unixtime-setting-aa").checked;var GetSettingAB=document.getElementById("unixtime-setting-ab").checked;var GetSettingBA=document.getElementById("unixtime-setting-ba").checked;var GetSettingBB=document.getElementById("unixtime-setting-bb").checked;if(GetSettingAA==true){var Time=new Date();var TextLength=Time.getTime().toString().length;GetInputA.value=Time.getTime().toString().substring(0,TextLength-3);}else if(GetSettingAB==true){GetInputA.value=new Date().getTime();}
|
||||
GetInputB.value=toolUnixTimeToTime(new Date().getTime(),true);}
|
||||
function toolUnixTimeSubmit(){var GetInputA=document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0];var GetInputB=document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0];var GetOutputA=document.getElementById("tool-unixtime-output-a").getElementsByTagName("input")[0];var GetOutputB=document.getElementById("tool-unixtime-output-b").getElementsByTagName("input")[0];var GetSettingAA=document.getElementById("unixtime-setting-aa").checked;var GetSettingAB=document.getElementById("unixtime-setting-ab").checked;var GetSettingBA=document.getElementById("unixtime-setting-ba").checked;var GetSettingBB=document.getElementById("unixtime-setting-bb").checked;if(GetSettingAA==true){GetOutputA.value=toolUnixTimeToTime(GetInputA.value,false);}else if(GetSettingAB==true){GetOutputA.value=toolUnixTimeToTime(GetInputA.value,GetSettingAB);}
|
||||
GetOutputB.value=toolUnixTimeToUnix(GetInputB.value,GetSettingBB);}
|
||||
function toolUnixTimeClear(){document.querySelector("#tool-unixtime-input-a input").value='';document.querySelector("#tool-unixtime-input-b input").value='';document.querySelector("#tool-unixtime-output-a input").value='';document.querySelector("#tool-unixtime-output-b input").value='';}
|
||||
function toolCalculateSubmit(){GetInput=document.getElementById("tool-calculate-input");GetToFixed=document.getElementById("tool-calculate-tofixed");GetResult=document.getElementById("tool-calculate-result").getElementsByTagName("span")[0];GetCal=GetInput.value;GetCal=GetCal.replace(/π/g,"Math.PI");GetCal=GetCal.replace(/幂/g,"Math.pow");GetCal=GetCal.replace(/平方根/g,"Math.sqrt");if(GetToFixed.value>=0&&GetToFixed.value<=16){GetResult.innerText=eval(GetCal).toFixed(GetToFixed.value);}else{GetResult.innerText="保留位数有误（0 ~ 16 之间）";}}
|
||||
function toolCalculateClear(){GetInput=document.getElementById("tool-calculate-input");GetInput.value='';GetResult.innerText='';}
|
||||
function toolGenLinkSubmit(){var VarText="(*)";var BaseLink=document.getElementById("tool-genlink-link").getElementsByTagName("input")[0].value;var GetSettingType=document.getElementsByName("genlink-settings");var GetSettingA=document.getElementById("tool-genlink-settings-a").getElementsByTagName("input");var GetSettingB=document.getElementById("tool-genlink-settings-b").getElementsByTagName("input");var GetSettingC=document.getElementById("tool-genlink-settings-c").getElementsByTagName("input");var GetResult=document.getElementById("tool-genlink-result");var LinkReplace='';var LinkResult='';function AddZero(){if(NumLength<NumLastLength){var ZeroMax=NumLastLength-NumLength;for(let i=1;i<=ZeroMax;i++){Num="0"+Num;}}}
|
||||
function CheckReverse(){LinkReplace=BaseLink.replace(VarText,Num);if(GetReverse==false){LinkResult=LinkResult+LinkReplace+"\n";}else if(GetReverse==true){LinkResult=LinkReplace+"\n"+LinkResult;}}
|
||||
if(GetSettingType[0].checked==true){var GetFirst=parseInt(GetSettingA[1].value);var GetLength=parseInt(GetSettingA[2].value);var GetDiff=parseInt(GetSettingA[3].value);var GetZero=GetSettingA[4].checked;var GetReverse=GetSettingA[5].checked;if(GetZero==true){var Num;var NumLength;var NumLast=GetFirst+(GetLength-1)*GetDiff;var NumLastLength=NumLast.toString().length;for(var i=1;i<=GetLength;i++){Num=GetFirst+(i-1)*GetDiff;NumLength=Num.toString().length;AddZero();CheckReverse();}}else if(GetZero==false){var Num;for(var i=1;i<=GetLength;i++){Num=GetFirst+(i-1)*GetDiff;CheckReverse();}}}else if(GetSettingType[1].checked==true){var GetFirst=parseInt(GetSettingB[1].value);var GetLength=parseInt(GetSettingB[2].value);var GetDiff=parseInt(GetSettingB[3].value);var GetZero=GetSettingB[4].checked;var GetReverse=GetSettingB[5].checked;if(GetZero==true){var Num;var NumLength;var NumLast=GetFirst*Math.pow(GetDiff,(GetLength-1));var NumLastLength=NumLast.toString().length;for(var i=1;i<=GetLength;i++){Num=GetFirst*Math.pow(GetDiff,(i-1));NumLength=Num.toString().length;AddZero();CheckReverse();}}else if(GetZero==false){var Num;for(var i=1;i<=GetLength;i++){Num=GetFirst*Math.pow(GetDiff,(i-1));CheckReverse();}}}else if(GetSettingType[2].checked==true){var GetFirst=GetSettingC[1].value.charCodeAt(0);var GetLast=GetSettingC[2].value.charCodeAt(0);var GetReverse=GetSettingC[3].checked;if(GetFirst>=65&&GetFirst<=122&&GetLast>=65&&GetLast<=122){if(GetFirst<GetLast){for(var i=GetFirst;i<=GetLast;i++){if(i>=91&&i<=96){continue;}
|
||||
Num=String.fromCharCode(i);CheckReverse();}}else if(GetFirst>GetLast){GetResult.placeholder="字母先后顺序有误。\n请按此顺序填写：\nA - Z a - z\n例如：\n从 a 到 d\n从 A 到 D\n从 X 到 g";}else if(GetFirst==GetLast){GetResult.placeholder="仅有 1 条链接，无需生成。";}else{GetResult.placeholder="异常。";}}else{GetResult.placeholder="超出范围。";}}else{GetResult.placeholder="类型选择有误";}
|
||||
GetResult.value=LinkResult;}
|
||||
function toolGenLinkClear(){var GetResult=document.getElementById("tool-genlink-result");GetResult.value='';GetResult.placeholder="结果";}
|
||||
function toolGenString(length,hasNum,hasChar,hasSymbol,caseSense,lowerCase){var m="请选中数字、字母或其他符号的其中一项！";if(hasNum==false&&hasChar==false&&hasSymbol==false){return m;}
|
||||
m="";for(var i=length;i>0;i--){var num=Math.floor((Math.random()*94)+33);if(((hasNum==false)&&((num>=48)&&(num<=57)))||((hasChar==false)&&(((num>=65)&&(num<=90))||((num>=97)&&(num<=122))))||((hasSymbol==false)&&(((num>=33)&&(num<=47))||((num>=58)&&(num<=64))||((num>=91)&&(num<=96))||((num>=123)&&(num<=127))))){i++;continue;}
|
||||
m+=String.fromCharCode(num);}
|
||||
if(caseSense==false){m=(lowerCase==false)?m.toUpperCase():m.toLowerCase();}
|
||||
return m;}
|
||||
function toolGenStringSettings(name){var InputSettings=document.querySelectorAll("#genstring-settings p input");var ObjSettings=Settings.Tool.GenString;switch(name){case"length":ObjSettings.length=InputSettings[0].value;break;case"hasNum":ObjSettings.hasNum=InputSettings[1].checked;break;case"hasChar":ObjSettings.hasChar=InputSettings[2].checked;break;case"hasSymbol":ObjSettings.hasSymbol=InputSettings[3].checked;break;case"caseSense":ObjSettings.caseSense=InputSettings[4].checked;break;case"lowerCase":ObjSettings.lowerCase=InputSettings[5].checked;break;default:break;}}
|
||||
function toolGenStringSubmit(){var Result=document.querySelector("#genstring-result input");var ObjSettings=Settings.Tool.GenString;var Str=toolGenString(ObjSettings.length,ObjSettings.hasNum,ObjSettings.hasChar,ObjSettings.hasSymbol,ObjSettings.caseSense,ObjSettings.lowerCase);Result.value=Str;}
|
||||
function toolNewWindowSubmit(){var link=document.querySelector("#tool-newwindow-link input").value;var width=document.querySelectorAll("#tool-newwindow-meta input")[0].value;var height=document.querySelectorAll("#tool-newwindow-meta input")[1].value;if(width==""){width=400;}
|
||||
if(height==""){height=300;}
|
||||
window.open(link,"_blank","height="+height+", width="+width+", toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=yes, status=yes");}
|
||||
function toolNewWindowClear(){document.querySelector("#tool-newwindow-link input").value="";document.querySelectorAll("#tool-newwindow-meta input")[0].value="";document.querySelectorAll("#tool-newwindow-meta input")[1].value="";}
|
||||
function toolRunJSSubmit(){var GetCode=document.querySelector("#tool-runjs-input");eval(GetCode.value);}
|
||||
function toolRunJSClear(){var GetCode=document.querySelector("#tool-runjs-input");GetCode.value='';}
|
||||
toolSettingsFont("get");
|
||||
8
assets/js/slinky.min.js
vendored
Normal file
8
assets/js/slinky.min.js
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
!function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){n(1),e.exports=n(2)},function(e,t){function n(e,t){var n=Object.keys(e);return Object.getOwnPropertySymbols&&n.push.apply(n,Object.getOwnPropertySymbols(e)),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function s(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}
|
||||
/*
|
||||
* Slinky
|
||||
* Rather sweet menus
|
||||
* @author Ali Zahid <ali.zahid@live.com>
|
||||
* @license MIT
|
||||
*/var a=function(){function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.settings=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(r,!0).forEach(function(t){i(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(r).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},this.options,{},r),this._init(t)}return s(e,[{key:"options",get:function(){return{resize:!0,speed:300,theme:"slinky-theme-default",title:!1}}}]),s(e,[{key:"_init",value:function(e){this.menu=jQuery(e),this.base=this.menu.children().first();var t=this.menu,n=this.settings;t.addClass("slinky-menu").addClass(n.theme),this._transition(n.speed),jQuery("a + ul",t).prev().addClass("next"),jQuery("li > a",t).wrapInner("<span>");var i=jQuery("<li>").addClass("header");jQuery("li > ul",t).prepend(i);var r=jQuery("<a>").prop("href","#").addClass("back");jQuery(".header",t).prepend(r),n.title&&jQuery("li > ul",t).each(function(e,t){var n=jQuery(t).parent().find("a").first().text();if(n){var i=jQuery("<header>").addClass("title").text(n);jQuery("> .header",t).append(i)}}),this._addListeners(),this._jumpToInitial()}},{key:"_addListeners",value:function(){var e=this,t=this.menu,n=this.settings;jQuery("a",t).on("click",function(i){if(e._clicked+n.speed>Date.now())return!1;e._clicked=Date.now();var r=jQuery(i.currentTarget);(0===r.attr("href").indexOf("#")||r.hasClass("next")||r.hasClass("back"))&&i.preventDefault(),r.hasClass("next")?(t.find(".active").removeClass("active"),r.next().show().addClass("active"),e._move(1),n.resize&&e._resize(r.next())):r.hasClass("back")&&(e._move(-1,function(){t.find(".active").removeClass("active"),r.parent().parent().hide().parentsUntil(t,"ul").first().addClass("active")}),n.resize&&e._resize(r.parent().parent().parentsUntil(t,"ul")))})}},{key:"_jumpToInitial",value:function(){var e=this.menu,t=this.settings,n=e.find(".active");n.length>0&&(n.removeClass("active"),this.jump(n,!1)),setTimeout(function(){return e.height(e.outerHeight())},t.speed)}},{key:"_move",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};if(0!==e){var n=this.settings,i=this.base,r=Math.round(parseInt(i.get(0).style.left))||0;i.css("left","".concat(r-100*e,"%")),"function"==typeof t&&setTimeout(t,n.speed)}}},{key:"_resize",value:function(e){this.menu.height(e.outerHeight())}},{key:"_transition",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300,t=this.menu,n=this.base;t.css("transition-duration","".concat(e,"ms")),n.css("transition-duration","".concat(e,"ms"))}},{key:"jump",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(e){var n=this.menu,i=this.settings,r=jQuery(e),s=n.find(".active"),a=0;s.length>0&&(a=s.parentsUntil(n,"ul").length),n.find("ul").removeClass("active").hide();var o=r.parentsUntil(n,"ul");o.show(),r.show().addClass("active"),t||this._transition(0),this._move(o.length-a),i.resize&&this._resize(r),t||this._transition(i.speed)}}},{key:"home",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.base,n=this.menu,i=this.settings;e||this._transition(0);var r=n.find(".active"),s=r.parentsUntil(n,"ul");this._move(-s.length,function(){r.removeClass("active").hide(),s.not(t).hide()}),i.resize&&this._resize(t),!1===e&&this._transition(i.speed)}},{key:"destroy",value:function(){var e=this,t=this.base,n=this.menu;jQuery(".header",n).remove(),jQuery("a",n).removeClass("next").off("click"),n.css({height:"","transition-duration":""}),t.css({left:"","transition-duration":""}),jQuery("li > a > span",n).contents().unwrap(),n.find(".active").removeClass("active"),n.attr("class").split(" ").forEach(function(e){0===e.indexOf("slinky")&&n.removeClass(e)});["settings","menu","base"].forEach(function(t){return delete e[t]})}}]),e}();jQuery.fn.slinky=function(e){return new a(this,e)}},function(e,t,n){}]);
|
||||
//# sourceMappingURL=slinky.min.js.map
|
||||
1
assets/js/slinky.min.js.map
Normal file
1
assets/js/slinky.min.js.map
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user