frost-craft/frost-navigation
1
0
Fork 0
Code Releases Activity

更新（20191212）

Browse Source
This commit is contained in:
Frost-ZX
2019-12-12 00:19:45 +08:00
parent f2fb5425ca
commit d0f5d34c8f
19 changed files with 3261 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
README.md
View File

@@ -24,25 +24,28 @@
### 离线使用
支持离线使用，[下载](https://github.com/Frost-ZX/frost-navigation/archive/master.zip) 后打开 `docs` 文件夹下的 `index.html` 即可，也可以将其加入浏览器的书签栏或在浏览器设置中将其设置为主页。
支持离线使用，[下载](https://github.com/Frost-ZX/frost-navigation/archive/master.zip) 后打开 `index.html` 即可，也可以将其加入浏览器的书签栏或在浏览器设置中将其设置为主页。
`注意：需要手动更新文件`
### 自定义
[下载](https://github.com/Frost-ZX/frost-navigation/archive/master.zip) 后打开 `dev/index.html` 和 `dev/js/script.js` 根据需要进行修改。
- [下载](https://github.com/Frost-ZX/frost-navigation/archive/master.zip) 后打开 `index.html` 和 `js/script.js` 根据需要进行修改。
- 修改完毕后，请根据需要在 `index.html` 中把 `<script src="js/index.min.js"></script>` 改为 `<script src="js/index.js"></script>` 或把 `js/script.js` 压缩为 `js/script.min.js`。
## 第三方资源
### 插件
- [Slinky - A light-weight, responsive, mobile-like navigation menu plugin](https://github.com/alizahid/slinky)
- [jQuery 3.2.1](https://jquery.org/license/)
- [Slinky](https://github.com/alizahid/slinky)
- [jQuery 3.2.1](https://jquery.org/)
## To Do
- [x] 网站名称右侧显示网址
- [x] 搜索框（搜索引擎）
- [x] 搜索框（网址）
- [x] 小工具
- [ ] 加入链接图标
- [ ] 加入更多的链接
- [ ] 美化
- [ ] 完善链接
- [ ] 优化代码

112
css/all.css Normal file
View 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;
}
}

500
css/index.css Normal file
View File

@@ -0,0 +1,500 @@
@charset "UTF-8";
/*
* 默认配色
* primary #4cd964
* accent #5ac8fa
* accent #ff2d55
* background #fff
* text #222
*/
* {
border-radius: 0;
box-sizing: border-box;
font-weight: normal;
outline: none;
user-select: none;
}
body {
background-color: #999;
color: #000;
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: 6em auto;
max-width: calc(100% - 2em);
min-height: calc(100vh - 8em);
/* text-transform: lowercase; */
width: 30em;
overflow-x: hidden;
scroll-behavior: smooth;
}
a {
color: #222;
text-decoration: none;
transition: 200ms;
}
a:hover {
color: #03A9F4;
}
a:active {
color: #00BCD4;
}
code {
font-family: 'Consolas', monospace;
}
h1, h2, h3 {
font-weight: 500;
text-align: center;
}
h2 {
color: #FFF;
font-size: 1.6em;
margin-bottom: 2em;
position: relative;
text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}
h2::before {
content: '';
height: 1px;
position: absolute;
width: 100%;
}
h3 {
color: #03A9F4;
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;
color: #444;
display: flex;
flex-direction: column;
}
header h1::before {
content: '';
background: url('../favicon.ico') center no-repeat;
background-size: 2em;
height: 2em;
margin-bottom: 1em;
width: 2em;
}
header p {
color: #555;
margin-top: 1em;
}
main {
margin: 4em 0;
opacity: 0;
/* background: #FFF; */
transition: opacity 1s;
}
main section:not(:first-child) {
margin-top: 4em;
}
footer {
color: #FFF;
font-size: 0.9em;
line-height: 1.5em;
text-align: center;
}
footer a {
color: #FFF;
}
footer img {
height: 1.5em;
}
footer p {
margin: 0;
}
/* Components */
.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;
}
/* 工具面板 */
.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 {
}
.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;
}

118
css/slinky.css Normal file
View File

@@ -0,0 +1,118 @@
@charset "UTF-8";
.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 {
width: 100%;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.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 a:not([href="#"]):not([href^="javascript"])::after {
content: attr(href);
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.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;
}

239
css/tool.css Normal file
View File

@@ -0,0 +1,239 @@
@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%;
}
/* 新窗口（小窗）中打开 */
#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;
}

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 KiB

3
files/heart.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 241 B

8
files/slinky.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 418 B

BIN
img/Unsplash_V6TWE6h8gyg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 202 KiB

BIN
img/Unsplash_V6TWE6h8gyg_Blur.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

BIN
img/Unsplash_V6TWE6h8gyg_Original.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

1318
index.html Normal file
View File

File diff suppressed because it is too large Load Diff

210
js/index.js Normal file
View 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
js/index.min.js vendored Normal file
View 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);}

4
js/jquery-3.2.1.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

8
js/slinky.min.js vendored Normal file
View 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){}]);

425
js/tool.js Normal file
View File

@@ -0,0 +1,425 @@
var SettingFontSize = localStorage.getItem("SettingFont");
/* -------- */
/* 字体大小 */
/* -------- */
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":
SettingFontSize = "16";
localStorage.setItem("SettingFont", SettingFontSize);
Output.innerHTML = Input.value = SettingFontSize;
RootEle.style.fontSize = SettingFontSize + "px";
break;
// 获取 //
case "get":
if (SettingFontSize == null) {
toolSettingsFont("reset");
}
Output.innerHTML = Input.value = SettingFontSize;
RootEle.style.fontSize = SettingFontSize + "px";
break;
// 显示数值 //
case "show":
Output.innerHTML = Input.value;
break;
// 设置 //
case "set":
SettingFontSize = Input.value;
localStorage.setItem("SettingFont", SettingFontSize);
RootEle.style.fontSize = SettingFontSize + "px";
break;
default:
break;
}
}
toolSettingsFont("get");
/* --------------- */
/* 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 是否包含数字（1-包含，0-不包含）
* @param hasChar 是否包含字母（1-包含，0-不包含）
* @param hasSymbol 是否包含其他符号（1-包含，0-不包含）
* @param caseSense 是否大小写敏感（1-敏感，0-不敏感）
* @param lowerCase 是否只需要小写，当 caseSense 为 0 时起作用（1-全部小写，0-全部大写）
*/
function toolGenString(length, hasNum, hasChar, hasSymbol, caseSense, lowerCase) {
var m = "";
if (hasNum == "0" && hasChar == "0" && hasSymbol == "0") return m;
for (var i = length; i >= 0; i--) {
var num = Math.floor((Math.random() * 94) + 33);
if (
(
(hasNum == "0") && ((num >= 48) && (num <= 57))
) || (
(hasChar == "0") && ((
(num >= 65) && (num <= 90)
) || (
(num >= 97) && (num <= 122)
))
) || (
(hasSymbol == "0") && ((
(num >= 33) && (num <= 47)
) || (
(num >= 58) && (num <= 64)
) || (
(num >= 91) && (num <= 96)
) || (
(num >= 123) && (num <= 127)
))
)
) {
i++;
continue;
}
m += String.fromCharCode(num);
}
if (caseSense == "0") {
m = (lowerCase == "0") ? m.toUpperCase() : m.toLowerCase();
}
return m;
}
/* -------------------- */
/* 新窗口（小窗）中打开 */
/* -------------------- */
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 = ''; // 清空
}

33
js/tool.min.js vendored Normal file
View File

@@ -0,0 +1,33 @@
var SettingFontSize=localStorage.getItem("SettingFont");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":SettingFontSize="16";localStorage.setItem("SettingFont",SettingFontSize);Output.innerHTML=Input.value=SettingFontSize;RootEle.style.fontSize=SettingFontSize+"px";break;case"get":if(SettingFontSize==null){toolSettingsFont("reset");}
Output.innerHTML=Input.value=SettingFontSize;RootEle.style.fontSize=SettingFontSize+"px";break;case"show":Output.innerHTML=Input.value;break;case"set":SettingFontSize=Input.value;localStorage.setItem("SettingFont",SettingFontSize);RootEle.style.fontSize=SettingFontSize+"px";break;default:break;}}
toolSettingsFont("get");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=="0"&&hasChar=="0"&&hasSymbol=="0")return m;for(var i=length;i>=0;i--){var num=Math.floor((Math.random()*94)+33);if(((hasNum=="0")&&((num>=48)&&(num<=57)))||((hasChar=="0")&&(((num>=65)&&(num<=90))||((num>=97)&&(num<=122))))||((hasSymbol=="0")&&(((num>=33)&&(num<=47))||((num>=58)&&(num<=64))||((num>=91)&&(num<=96))||((num>=123)&&(num<=127))))){i++;continue;}
m+=String.fromCharCode(num);}
if(caseSense=="0"){m=(lowerCase=="0")?m.toUpperCase():m.toLowerCase();}
return m;}
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='';}

263
tool.html Normal file
View File

@@ -0,0 +1,263 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="shortcut icon" href="favicon.ico" />
<title>Frost 网址导航 - 小工具</title>
<link rel="stylesheet" href="css/all.css" />
<link rel="stylesheet" href="css/tool.css" />
</head>
<body>
<div class="main">
<!-- 索引 -->
<div class="tool-nav">
<header>索引</header>
<div class="tool-nav-link">
<ul>
<li><a href="index.html">主页</a></li>
<li><a href="#tool-unixtime">Unix 时间戳转换</a></li>
<li><a href="#tool-downloadtime">计算下载用时</a></li>
<li><a href="#tool-calculate">简易计算</a></li>
<li><a href="#tool-genlink">生成批量下载链接</a></li>
<li><a href="#tool-genstring">生成随机字符串</a></li>
<li><a href="#tool-newwindow">新窗口（小窗）中打开</a></li>
<li><a href="#tool-runjs">运行 JavaScript</a></li>
</ul>
</div>
</div>
<!-- 字体大小 -->
<div class="tool-settings">
<header>字体大小</header>
<div class="tool-setting-font">
<p>
<b>当前：</b><label>16</label>
</p>
<p>
<b>调整：</b><span>小</span>
<input type="range" min="12" max="40" step="1" value="16" oninput="toolSettingsFont('show')" />
<span>大</span>
</p>
<hr />
<div class="tool-button">
<div onclick="toolSettingsFont('set')">设置</div>
<div onclick="toolSettingsFont('reset')">重置</div>
</div>
</div>
</div>
<!-- Unix 时间戳转换 -->
<div id="tool-unixtime">
<header>Unix 时间戳转换</header>
<!-- 时间戳转换为时间 -->
<p>时间戳转换为北京时间</p>
<!-- 输入框 -->
<div id="tool-unixtime-input-a">
<span>Unix 时间戳：</span><input type="text" />
</div>
<!-- 输出框 -->
<div id="tool-unixtime-output-a">
<span>时间：</span><input type="text" readonly />
</div>
<!-- 模式 -->
<div class="tool-unixtime-setting-a">
<span>模式：</span>
<input type="radio" name="unixtime-setting-a" id="unixtime-setting-aa" />
<label for="unixtime-setting-aa">秒(s)</label>
<input type="radio" name="unixtime-setting-a" id="unixtime-setting-ab" checked />
<label for="unixtime-setting-ab">毫秒(ms)</label>
</div>
<hr />
<!-- 时间转换为时间戳 -->
<p>北京时间转换为时间戳</p>
<!-- 输入框 -->
<div id="tool-unixtime-input-b">
<span>时间：</span><input type="text" />
</div>
<!-- 输出框 -->
<div id="tool-unixtime-output-b">
<span>Unix 时间戳：</span><input type="text" readonly />
</div>
<!-- 模式 -->
<div class="tool-unixtime-setting-b">
<span>模式：</span>
<input type="radio" name="unixtime-setting-b" id="unixtime-setting-ba" checked />
<label for="unixtime-setting-ba">秒(s)</label>
<input type="radio" name="unixtime-setting-b" id="unixtime-setting-bb" />
<label for="unixtime-setting-bb">毫秒(ms)</label>
</div>
<hr />
<!-- 按钮 -->
<div class="tool-button">
<div onclick="toolUnixTimeNow()">当前</div>
<div onclick="toolUnixTimeSubmit()">转换</div>
<div onclick="toolUnixTimeClear()">重置</div>
</div>
</div>
<!-- 计算下载用时 -->
<div id="tool-downloadtime">
<header>计算下载用时（未完成）</header>
<!-- 输入 -->
<div id="tool-downloadtime-input">
<p>
<b>文件大小：</b><input type="text" />
</p>
<p>
<b>下载速度：</b><input type="text" />
</p>
</div>
<hr />
<!-- 结果 -->
<div id="tool-downloadtime-output">
<b>大约用时：</b><span>待计算</span>
</div>
<hr />
<!-- 按钮 -->
<div class="tool-button">
<div onclick="toolDownloadTimeSubmit()">计算</div>
<div onclick="toolDownloadTimeClear()">重置</div>
</div>
<hr />
<!-- 帮助 -->
<div id="tool-downloadtime-help">
<p><b>文件大小</b></p>
<p>数值 + 单位（B / KB / MB / GB / TB）</p>
<p>例如：2 KB、5.5 GB</p>
<p><b>下载速度（每秒）</b></p>
<p>数值 + 单位（B / KB / MB / GB / TB）</p>
<p>例如：2 KB、5.5 GB</p>
</div>
</div>
<!-- 简易计算 -->
<div id="tool-calculate">
<header>简易计算</header>
<textarea id="tool-calculate-input" rows="8" placeholder="请输入算式（请使用“半角”符号）&#10;注意：受浮点精度影响，结果仅供参考&#10;加：+ 减：- 乘：* 除：/&#10;多层括号：仅需使用 ()&#10;乘方运算：幂(底数, 指数)&#10;平方根：平方根(数值或算式)"></textarea>
<div>保留小数点后 <input id="tool-calculate-tofixed" type="text" title="0 ~ 16 之间（默认：4）" value="4" /> 位数</div>
<div id="tool-calculate-result">结果：<span></span></div>
<hr />
<div class="tool-button">
<div onclick="toolCalculateSubmit()">计算</div>
<div onclick="toolCalculateClear()">清空</div>
</div>
</div>
<!-- 生成批量下载链接 -->
<div id="tool-genlink">
<header>生成批量下载链接</header>
<div id="tool-genlink-link">
<span>网址：</span>
<input type="text" placeholder="变量用 (*) 表示" />
</div>
<hr />
<div id="tool-genlink-settings">
<div id="tool-genlink-settings-a">
<p>
<input type="radio" name="genlink-settings" id="genlink-settings-a" checked />
<label for="genlink-settings-a">等差数列</label>
首项：<input type="text" value="1" />
项数：<input type="text" value="5" />
公差：<input type="text" value="1" />
</p>
<p>
<input type="checkbox" name="genlink-settings-a-reverse" id="genlink-settings-a-zero" />
<label for="genlink-settings-a-zero">补0（暂不支持负数）&nbsp;</label>
<input type="checkbox" name="genlink-settings-a-reverse" id="genlink-settings-a-reverse" />
<label for="genlink-settings-a-reverse">倒序</label>
</p>
</div>
<hr />
<div id="tool-genlink-settings-b">
<p>
<input type="radio" name="genlink-settings" id="genlink-settings-b" />
<label for="genlink-settings-b">等比数列</label>
首项：<input type="text" value="1" />
项数：<input type="text" value="5" />
公比：<input type="text" value="2" />
</p>
<p>
<input type="checkbox" name="genlink-settings-b-reverse" id="genlink-settings-b-zero" />
<label for="genlink-settings-b-zero">补0（暂不支持负数）&nbsp;</label>
<input type="checkbox" name="genlink-settings-b-reverse" id="genlink-settings-b-reverse" />
<label for="genlink-settings-b-reverse">倒序</label>
</p>
</div>
<hr />
<div id="tool-genlink-settings-c">
<p>
<input type="radio" name="genlink-settings" id="genlink-settings-c" />
<label for="genlink-settings-c">字母变化</label>
从：<input type="text" value="a" maxlength="1" />
到：<input type="text" value="z" maxlength="1" />
<input type="checkbox" name="genlink-settings-c-reverse" id="genlink-settings-c-reverse" />
<label for="genlink-settings-c-reverse">倒序</label>
</p>
</div>
</div>
<hr />
<div class="tool-button">
<div onclick="toolGenLinkSubmit()">生成</div>
<div onclick="toolGenLinkClear()">清空</div>
</div>
<hr />
<textarea id="tool-genlink-result" rows="8" placeholder="结果"></textarea>
</div>
<!-- 生成随机字符串 -->
<div id="tool-genstring">
<header>生成随机字符串（未完成）</header>
<div id="genstring-settings">
<p><b>选项</b></p>
<p>
<input type="checkbox" id="genstring-setting-a" checked /><label for="genstring-setting-a"> 数字</label>
<input type="checkbox" id="genstring-setting-b" /><label for="genstring-setting-b"> 字母</label>
<input type="checkbox" id="genstring-setting-c" /><label for="genstring-setting-c"> 其他符号</label>
<input type="checkbox" id="genstring-setting-d" checked /><label for="genstring-setting-d"> 大小写</label>
</p>
<p>
<input type="checkbox" id="genstring-setting-e" /><label for="genstring-setting-e"> 全小写（选中“大小写”时起作用）</label>
</p>
</div>
<hr />
<div id="genstring-result">
<b>结果：</b><input type="text" />
</div>
<hr />
<div class="tool-button">
<div onclick="">生成</div>
</div>
</div>
<!-- 新窗口（小窗）中打开 -->
<div id="tool-newwindow">
<header>新窗口（小窗）中打开</header>
<div id="tool-newwindow-link">
<span>网址：</span>
<input type="text" placeholder="需包含协议（例如 https://）" />
</div>
<div id="tool-newwindow-meta">
<span>大小：</span>
<input type="text" placeholder="宽度（默认 400）" />
<input type="text" placeholder="高度（默认 300）" />
</div>
<hr />
<div class="tool-button">
<div onclick="toolNewWindowSubmit()">打开</div>
<div onclick="toolNewWindowClear()">清空</div>
</div>
</div>
<!-- 运行 JavaScript -->
<div id="tool-runjs">
<header>运行 JavaScript</header>
<textarea id="tool-runjs-input" rows="8" placeholder="请输入 JavaScript 代码"></textarea>
<hr />
<div class="tool-button">
<div onclick="toolRunJSSubmit()">运行</div>
<div onclick="toolRunJSClear()">清空</div>
</div>
</div>
</div>
<!-- 返回顶部 -->
<div class="to-top" onclick="document.body.scrollTop = 0; document.documentElement.scrollTop = 0;">▲</div>
<!-- 背景 -->
<div class="page-background"></div>
<!-- JavaScript -->
<script src="js/tool.min.js"></script>
</body>
</html>