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

更新（20191204）

Browse Source
This commit is contained in:
Frost-ZX
2019-12-04 00:52:19 +08:00
parent b2cff9632c
commit 7e7429f745
13 changed files with 200 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -8,7 +8,7 @@
### 页面链接
- [链接一](https://frost-zx.github.io/frost-navigation/)（GitHub Pages）
- [链接二](https://frost-zx.top/)（网站）
- [链接二](http://nav.frost-zx.top/)（网站）
### 提交链接

7
dev/css/slinky.css
View File

@@ -5,7 +5,7 @@
transform: translateZ(0);
}
.slinky-menu > ul {
.slinky-menu>ul {
left: 0;
position: relative;
transform: translateZ(0);
@@ -78,6 +78,11 @@
background: rgba(90, 200, 250, 0.5);
}
/* 显示链接 */
.slinky-theme-default a:not([href="#"]):not([href^="javascript"])::after {
content: attr(href);
}
.slinky-theme-default .next::after,
.slinky-theme-default .back::before {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;

15
dev/css/tool.css
View File

@@ -97,7 +97,6 @@ body {
font-weight: bold;
}
#tool-unixtime > p {
text-align: center;
font-size: 16px;
font-weight: bold;
}
@@ -180,6 +179,20 @@ body {
font-size: 14px;
}
/* 新窗口（小窗）中打开 */
#tool-newwindow > div {
margin-bottom: 10px;
}
#tool-newwindow-link input[type="text"] {
padding: 5px;
width: 80%;
}
#tool-newwindow-meta input[type="text"] {
padding: 5px;
width: 100px;
}
/* 运行 JavaScript */
#tool-runjs textarea {

11
dev/index.html
View File

@@ -29,19 +29,19 @@
<!-- 搜索引擎选择 -->
<div class="search-engine-select">
<ul>
<li onclick="setSearchEngine('baidu');">
<li onclick="setSearchEngine('baidu')">
<input type="radio" name="search-engine-selection" id="search-engine-baidu" checked />
<label for="search-engine-baidu">百度</label>
</li>
<li onclick="setSearchEngine('bing');">
<li onclick="setSearchEngine('bing')">
<input type="radio" name="search-engine-selection" id="search-engine-bing" />
<label for="search-engine-bing">Bing</label>
</li>
<li onclick="setSearchEngine('google');">
<li onclick="setSearchEngine('google')">
<input type="radio" name="search-engine-selection" id="search-engine-google" />
<label for="search-engine-google">Google</label>
</li>
<li onclick="setSearchEngine('bilibili');">
<li onclick="setSearchEngine('bilibili')">
<input type="radio" name="search-engine-selection" id="search-engine-bilibili" />
<label for="search-engine-bilibili">bilibili</label>
</li>
@@ -127,6 +127,7 @@
<li><a href="http://lolicorn.com/">安和 Blog</a></li>
<li><a href="https://www.myitmx.com/">枫叶博客</a></li>
<li><a href="https://laod.cn/">老D博客</a></li>
<li><a href="https://www.appts.cn/">软件探索 - 分享好用的软件和网站</a></li>
<li><a href="https://www.hamusita.cn/">小哈的博客</a></li>
<li><a href="https://2heng.xin/">樱花庄的白猫</a></li>
<li><a href="https://www.htcp.net/">云梦</a></li>
@@ -432,7 +433,7 @@
<li><a href="http://tool.uixsj.cn/">现实君工具箱</a></li>
<li><a href="https://tool.lu/">在线工具</a></li>
<li><a href="http://www.bejson.com/">Be JSON</a></li>
<!-- <li><a href="https://tools.imiku.me/">MikuTools</a></li> -->
<li><a href="https://tools.miku.ac/">MikuTools</a></li>
</ul>
</li>
<li>

105
dev/js/index.js
View File

@@ -11,27 +11,27 @@ var SlinkyOption = {
var ListID = "#list_"; // 列表 ID 前缀
var ListCount = 0;
var ListCountMax = 17; // 列表总数
var FullsSreenText = document.getElementsByClassName("fullscreen-text")[0]; // 全屏文字
var FullsSreenText = document.querySelector(".fullscreen-text"); // 全屏文字
// main 中的 A 标签的对象的集合（链接列表）//
var LinkList = document.getElementsByTagName("main")[0].getElementsByTagName("a");
var LinkList = document.querySelectorAll("main a");
// 搜索面板 //
// 查找面板 //
var SearchMode = 1;
var SearchPanel = document.getElementsByClassName("search-panel")[0]; // 搜索面板
var SearchInput = document.getElementsByClassName("search-input")[0]; // 搜索输入框
var SearchResultTitle = document.getElementById("search-result-title"); // 搜索结果（标题）
var SearchResultLink = document.getElementById("search-result-link"); // 搜索结果（链接）
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.getElementById("search-engine-baidu"); // 百度
var SearchEngineBing = document.getElementById("search-engine-bing"); // Bing
var SearchEngineGoogle = document.getElementById("search-engine-google"); // Google
var SearchEnginebilibili = document.getElementById("search-engine-bilibili"); // bilibili
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.getElementsByClassName("tool-panel")[0];
var ToolPanel = document.querySelector(".tool-panel");
/* ---- */
@@ -69,9 +69,11 @@ function setTarget() {
// 显示列表 //
function displayList() {
document.getElementsByTagName("main")[0].style.opacity = "1";
document.querySelector("main").style.opacity = "1";
FullsSreenText.style.opacity = "0";
setTimeout("document.getElementsByClassName('fullscreen-text')[0].style.display = 'none';", 1000);
setTimeout(function () {
document.querySelector(".fullscreen-text").style.display = "none";
}, 1000);
}
// 加载列表 //
@@ -79,30 +81,30 @@ function loadList() {
ListCount = ListCount + 1;
ListID = "#list_" + ListCount;
$(ListID).slinky(SlinkyOption);
FullsSreenText.innerText = "已加载 " + ListCount + " 个分类"; // 全屏文字
FullsSreenText.innerHTML = "已加载 " + ListCount + " 个分类"; // 全屏文字
// 加载完毕 //
if (ListCount == ListCountMax) {
clearInterval(I_LoadList); // 停止定时执行
FullsSreenText.innerText = "加载完毕"; // 全屏文字
FullsSreenText.innerHTML = "加载完毕"; // 全屏文字
setTarget(); // 设置 target
displayList(); // 显示列表
}
}
var I_LoadList = setInterval("loadList()", 100); // 加载列表，间隔 100 毫秒
/* 链接搜索 */
/* 链接查找 */
function searchLink() {
var LinkListCount = LinkList.length; // 循环次数
var SearchWord = SearchInput.value.toLowerCase(); // 搜索关键词
var SearchWord = SearchInput.value.toLowerCase(); // 查找关键词
if (SearchMode == 1 && SearchWord != "") {
SearchResultTitle.innerHTML = ""; // 清空搜索结果（标题）
SearchResultLink.innerHTML = ""; // 清空搜索结果（链接）
SearchResultTitle.innerHTML = ""; // 清空查找结果（标题）
SearchResultLink.innerHTML = ""; // 清空查找结果（链接）
for (var i = 0; i < LinkListCount; i++) {
// 排除 href 是 # 的元素 //
if (LinkList[i].href.endsWith("#") == false) {
// 匹配关键词 //
if (LinkList[i].innerText.toLowerCase().indexOf(SearchWord) != -1) {
if (LinkList[i].innerHTML.toLowerCase().indexOf(SearchWord) != -1) {
// 匹配标题 //
SearchResultItem = LinkList[i].cloneNode(true);
SearchResultTitle.appendChild(SearchResultItem); // 复制元素
@@ -118,9 +120,9 @@ function searchLink() {
SearchResultLink.innerHTML = "未输入关键词";
} else if (SearchMode == 2) {
SearchInput.value = ""; // 清空输入框
SearchResultTitle.innerHTML = ""; // 清空搜索结果（标题）
SearchResultLink.innerHTML = ""; // 清空搜索结果（链接）
SearchPanel.style.visibility = "hidden"; // 隐藏搜索面板
SearchResultTitle.innerHTML = ""; // 清空查找结果（标题）
SearchResultLink.innerHTML = ""; // 清空查找结果（链接）
SearchPanel.style.visibility = "hidden"; // 隐藏查找面板
} else {
SearchResultTitle.innerHTML = "";
SearchResultLink.innerHTML = "异常";
@@ -131,7 +133,7 @@ function searchLink() {
// 搜索 //
function searchWeb() {
var GetSearchWord = document.getElementById("search-engine-input"); // 关键词输入框
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);
@@ -151,31 +153,40 @@ function setSearchEngine(Name) {
switch (Name)
{
case "baidu":
localStorage.setItem("SearchEngine", "baidu");
break;
localStorage.setItem("SearchEngine", "baidu");
break;
case "bing":
localStorage.setItem("SearchEngine", "bing");
break;
localStorage.setItem("SearchEngine", "bing");
break;
case "google":
localStorage.setItem("SearchEngine", "google");
break;
localStorage.setItem("SearchEngine", "google");
break;
case "bilibili":
localStorage.setItem("SearchEngine", "bilibili");
break;
localStorage.setItem("SearchEngine", "bilibili");
break;
default:
break;
}
}
// 设置当前搜索引擎 //
function getSearchEngine() {
var SearchEngine = localStorage.getItem("SearchEngine");
if (SearchEngine == "baidu") {
SearchEngineBaidu.checked = true;
} else if (SearchEngine == "bing") {
SearchEngineBing.checked = true;
} else if (SearchEngine == "google") {
SearchEngineGoogle.checked = true;
} else if (SearchEngine == "bilibili") {
SearchEnginebilibili.checked = true;
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();
@@ -184,16 +195,16 @@ getSearchEngine();
// 显示 //
function showToolPanel() {
ToolPanel.style.display = 'block';
ToolPanel.style.display = "block";
}
// 关闭 //
function closeToolPanel() {
ToolPanel.style.bottom = '-110%';
ToolPanel.style.opacity = '0';
ToolPanel.style.bottom = "-110%";
ToolPanel.style.opacity = "0";
setTimeout(function () {
ToolPanel.style.display = 'none';
ToolPanel.style.bottom = '0';
ToolPanel.style.opacity = '1';
ToolPanel.style.display = "none";
ToolPanel.style.bottom = "0";
ToolPanel.style.opacity = "1";
}, 500);
}

39
dev/js/tool.js
View File

@@ -114,10 +114,10 @@ function toolUnixTimeSubmit() {
// 按钮：重置 //
function toolUnixTimeClear() {
document.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0].value = ''; // 清空输入框 A
document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0].value = ''; // 清空输入框 B
document.getElementById("tool-unixtime-output-a").getElementsByTagName("input")[0].value = ''; // 清空输出框 A
document.getElementById("tool-unixtime-output-b").getElementsByTagName("input")[0].value = ''; // 清空输出框 B
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
}
/* ---- */
@@ -287,16 +287,39 @@ function toolGenLinkClear() {
GetResult.placeholder = "结果";
}
/* -------------------- */
/* 新窗口（小窗）中打开 */
/* -------------------- */
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() {
GetCode = document.getElementById("tool-runjs-input"); // 代码输入框
eval(GetCode.value); // 运行
var GetCode = document.querySelector("#tool-runjs-input"); // 代码输入框
eval(GetCode.value); // 运行
}
function toolRunJSClear() {
GetCode = document.getElementById("tool-runjs-input"); // 代码输入框
GetCode.value = ''; // 清空
var GetCode = document.querySelector("#tool-runjs-input"); // 代码输入框
GetCode.value = ''; // 清空
}

25
dev/tool.html
View File

@@ -21,6 +21,7 @@
<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-newwindow">新窗口（小窗）中打开</a></li>
<li><a href="#tool-runjs">运行 JavaScript</a></li>
</ul>
</div>
@@ -29,7 +30,7 @@
<div id="tool-unixtime">
<header>Unix 时间戳转换</header>
<!-- 时间戳转换为时间 -->
<p><marquee behavior="alternate" direction="right">时间戳转换为北京时间</marquee></p>
<p>时间戳转换为北京时间</p>
<!-- 输入框 -->
<div id="tool-unixtime-input-a">
<span>Unix 时间戳：</span><input type="text" />
@@ -48,7 +49,7 @@
</div>
<hr />
<!-- 时间转换为时间戳 -->
<p><marquee behavior="alternate" direction="right">北京时间转换为时间戳</marquee></p>
<p>北京时间转换为时间戳</p>
<!-- 输入框 -->
<div id="tool-unixtime-input-b">
<span>时间：</span><input type="text" />
@@ -99,7 +100,7 @@
<!-- 简易计算 -->
<div id="tool-calculate">
<header>简易计算</header>
<textarea id="tool-calculate-input" rows="6" placeholder="请输入算式（请使用“半角”符号）&#10;加：+ 减：- 乘：* 除：/&#10;多层括号：仅需使用 ()&#10;乘方运算：幂(底数, 指数)&#10;平方根：平方根(数值或算式)"></textarea>
<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>
<div class="tool-button" onclick="toolCalculateSubmit()">计算</div>
@@ -109,7 +110,8 @@
<div id="tool-genlink">
<header>生成批量下载链接</header>
<div id="tool-genlink-link">
<b>网址：</b><input type="text" placeholder="变量用 (*) 表示" />
<span>网址：</span>
<input type="text" placeholder="变量用 (*) 表示" />
</div>
<hr />
<div id="tool-genlink-settings">
@@ -151,6 +153,21 @@
<div class="tool-button" onclick="toolGenLinkClear()">清空</div>
<textarea id="tool-genlink-result" rows="8" placeholder="结果"></textarea>
</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>
<div class="tool-button" onclick="toolNewWindowSubmit()">打开</div>
<div class="tool-button" onclick="toolNewWindowClear()">清空</div>
</div>
<!-- 运行 JavaScript -->
<div id="tool-runjs">
<header>运行 JavaScript</header>

7
docs/css/slinky.css
View File

@@ -5,7 +5,7 @@
transform: translateZ(0);
}
.slinky-menu > ul {
.slinky-menu>ul {
left: 0;
position: relative;
transform: translateZ(0);
@@ -78,6 +78,11 @@
background: rgba(90, 200, 250, 0.5);
}
/* 显示链接 */
.slinky-theme-default a:not([href="#"]):not([href^="javascript"])::after {
content: attr(href);
}
.slinky-theme-default .next::after,
.slinky-theme-default .back::before {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;

15
docs/css/tool.css
View File

@@ -97,7 +97,6 @@ body {
font-weight: bold;
}
#tool-unixtime > p {
text-align: center;
font-size: 16px;
font-weight: bold;
}
@@ -180,6 +179,20 @@ body {
font-size: 14px;
}
/* 新窗口（小窗）中打开 */
#tool-newwindow > div {
margin-bottom: 10px;
}
#tool-newwindow-link input[type="text"] {
padding: 5px;
width: 80%;
}
#tool-newwindow-meta input[type="text"] {
padding: 5px;
width: 100px;
}
/* 运行 JavaScript */
#tool-runjs textarea {

11
docs/index.html
View File

@@ -29,19 +29,19 @@
<!-- 搜索引擎选择 -->
<div class="search-engine-select">
<ul>
<li onclick="setSearchEngine('baidu');">
<li onclick="setSearchEngine('baidu')">
<input type="radio" name="search-engine-selection" id="search-engine-baidu" checked />
<label for="search-engine-baidu">百度</label>
</li>
<li onclick="setSearchEngine('bing');">
<li onclick="setSearchEngine('bing')">
<input type="radio" name="search-engine-selection" id="search-engine-bing" />
<label for="search-engine-bing">Bing</label>
</li>
<li onclick="setSearchEngine('google');">
<li onclick="setSearchEngine('google')">
<input type="radio" name="search-engine-selection" id="search-engine-google" />
<label for="search-engine-google">Google</label>
</li>
<li onclick="setSearchEngine('bilibili');">
<li onclick="setSearchEngine('bilibili')">
<input type="radio" name="search-engine-selection" id="search-engine-bilibili" />
<label for="search-engine-bilibili">bilibili</label>
</li>
@@ -127,6 +127,7 @@
<li><a href="http://lolicorn.com/">安和 Blog</a></li>
<li><a href="https://www.myitmx.com/">枫叶博客</a></li>
<li><a href="https://laod.cn/">老D博客</a></li>
<li><a href="https://www.appts.cn/">软件探索 - 分享好用的软件和网站</a></li>
<li><a href="https://www.hamusita.cn/">小哈的博客</a></li>
<li><a href="https://2heng.xin/">樱花庄的白猫</a></li>
<li><a href="https://www.htcp.net/">云梦</a></li>
@@ -432,7 +433,7 @@
<li><a href="http://tool.uixsj.cn/">现实君工具箱</a></li>
<li><a href="https://tool.lu/">在线工具</a></li>
<li><a href="http://www.bejson.com/">Be JSON</a></li>
<!-- <li><a href="https://tools.imiku.me/">MikuTools</a></li> -->
<li><a href="https://tools.miku.ac/">MikuTools</a></li>
</ul>
</li>
<li>

18
docs/js/index.min.js vendored
View File

@@ -1,12 +1,12 @@
var SlinkyOption={title:true,speed:200};var ListID="#list_";var ListCount=0;var ListCountMax=17;var FullsSreenText=document.getElementsByClassName("fullscreen-text")[0];var LinkList=document.getElementsByTagName("main")[0].getElementsByTagName("a");var SearchMode=1;var SearchPanel=document.getElementsByClassName("search-panel")[0];var SearchInput=document.getElementsByClassName("search-input")[0];var SearchResultTitle=document.getElementById("search-result-title");var SearchResultLink=document.getElementById("search-result-link");var SearchResultItem="";var SearchEngineBaidu=document.getElementById("search-engine-baidu");var SearchEngineBing=document.getElementById("search-engine-bing");var SearchEngineGoogle=document.getElementById("search-engine-google");var SearchEnginebilibili=document.getElementById("search-engine-bilibili");var ToolPanel=document.getElementsByClassName("tool-panel")[0];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);}}
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.getElementsByTagName("main")[0].style.opacity="1";FullsSreenText.style.opacity="0";setTimeout("document.getElementsByClassName('fullscreen-text')[0].style.display = 'none';",1000);}
function loadList(){ListCount=ListCount+1;ListID="#list_"+ListCount;$(ListID).slinky(SlinkyOption);FullsSreenText.innerText="已加载 "+ListCount+" 个分类";if(ListCount==ListCountMax){clearInterval(I_LoadList);FullsSreenText.innerText="加载完毕";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].innerText.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.getElementById("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 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;}}
function getSearchEngine(){var SearchEngine=localStorage.getItem("SearchEngine");if(SearchEngine=="baidu"){SearchEngineBaidu.checked=true;}else if(SearchEngine=="bing"){SearchEngineBing.checked=true;}else if(SearchEngine=="google"){SearchEngineGoogle.checked=true;}else if(SearchEngine=="bilibili"){SearchEnginebilibili.checked=true;}}
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);}
{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);}

10
docs/js/tool.min.js vendored
View File

@@ -10,7 +10,7 @@ function toolUnixTimeNow(){var GetInputA=document.getElementById("tool-unixtime-
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.getElementById("tool-unixtime-input-a").getElementsByTagName("input")[0].value='';document.getElementById("tool-unixtime-input-b").getElementsByTagName("input")[0].value='';document.getElementById("tool-unixtime-output-a").getElementsByTagName("input")[0].value='';document.getElementById("tool-unixtime-output-b").getElementsByTagName("input")[0].value='';}
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;}}}
@@ -19,5 +19,9 @@ if(GetSettingType[0].checked==true){var GetFirst=parseInt(GetSettingA[1].value);
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 toolRunJSSubmit(){GetCode=document.getElementById("tool-runjs-input");eval(GetCode.value);}
function toolRunJSClear(){GetCode=document.getElementById("tool-runjs-input");GetCode.value='';}
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='';}

25
docs/tool.html
View File

@@ -21,6 +21,7 @@
<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-newwindow">新窗口（小窗）中打开</a></li>
<li><a href="#tool-runjs">运行 JavaScript</a></li>
</ul>
</div>
@@ -29,7 +30,7 @@
<div id="tool-unixtime">
<header>Unix 时间戳转换</header>
<!-- 时间戳转换为时间 -->
<p><marquee behavior="alternate" direction="right">时间戳转换为北京时间</marquee></p>
<p>时间戳转换为北京时间</p>
<!-- 输入框 -->
<div id="tool-unixtime-input-a">
<span>Unix 时间戳：</span><input type="text" />
@@ -48,7 +49,7 @@
</div>
<hr />
<!-- 时间转换为时间戳 -->
<p><marquee behavior="alternate" direction="right">北京时间转换为时间戳</marquee></p>
<p>北京时间转换为时间戳</p>
<!-- 输入框 -->
<div id="tool-unixtime-input-b">
<span>时间：</span><input type="text" />
@@ -99,7 +100,7 @@
<!-- 简易计算 -->
<div id="tool-calculate">
<header>简易计算</header>
<textarea id="tool-calculate-input" rows="6" placeholder="请输入算式（请使用“半角”符号）&#10;加：+ 减：- 乘：* 除：/&#10;多层括号：仅需使用 ()&#10;乘方运算：幂(底数, 指数)&#10;平方根：平方根(数值或算式)"></textarea>
<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>
<div class="tool-button" onclick="toolCalculateSubmit()">计算</div>
@@ -109,7 +110,8 @@
<div id="tool-genlink">
<header>生成批量下载链接</header>
<div id="tool-genlink-link">
<b>网址：</b><input type="text" placeholder="变量用 (*) 表示" />
<span>网址：</span>
<input type="text" placeholder="变量用 (*) 表示" />
</div>
<hr />
<div id="tool-genlink-settings">
@@ -151,6 +153,21 @@
<div class="tool-button" onclick="toolGenLinkClear()">清空</div>
<textarea id="tool-genlink-result" rows="8" placeholder="结果"></textarea>
</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>
<div class="tool-button" onclick="toolNewWindowSubmit()">打开</div>
<div class="tool-button" onclick="toolNewWindowClear()">清空</div>
</div>
<!-- 运行 JavaScript -->
<div id="tool-runjs">
<header>运行 JavaScript</header>