拆分 JavaScript 文件

This commit is contained in:
2020-09-10 01:03:08 +08:00
parent 86b257294f
commit 0faebe04aa
9 changed files with 106 additions and 180 deletions

View File

@@ -33,8 +33,7 @@
### 自定义
- [下载](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`
- [下载](https://github.com/Frost-ZX/frost-navigation/archive/master.zip) 后打开 `index.html``assets/js/nav-links.js` 根据需要进行修改。
## 第三方资源

View File

@@ -0,0 +1,19 @@
// 查找字符 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;
}
// 返回顶部
function toTop() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}

View File

@@ -2,17 +2,6 @@
/* 变量 */
/* ---- */
// 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");
@@ -38,60 +27,6 @@ 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() {

View File

@@ -1,12 +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.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);}
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 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)}

52
assets/js/nav-links.js Normal file
View File

@@ -0,0 +1,52 @@
// Slinky 插件的设置 //
var SlinkyOption = {
title: true,
speed: 400
};
var ListIDPrefix = '#list_'; // 列表 ID 前缀(自定义)
var ListCount = 0;
var ListCountMax = 17; // 列表总数(自定义)
var FullsSreenText = document.querySelector('.fullscreen-text');
// 链接 //
var Links = {};
// 设置 target = '_blank' //
function setTarget() {
for (var i = 0; i < LinkList.length; i++) {
if (LinkList[i].href.endsWith('#') == false) {
LinkList[i].target = '_blank';
/* 自动加图标(暂不使用;可使用 LazyLoad
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;
$(ListIDPrefix + ListCount).slinky(SlinkyOption);
FullsSreenText.innerHTML = '已加载 ' + ListCount + ' 个分类';
// 加载完毕 //
if (ListCount == ListCountMax) {
clearInterval(iLoadList);
FullsSreenText.innerHTML = '加载完毕';
setTarget();
displayList();
}
}
var iLoadList = setInterval('loadList()', 100);

View File

@@ -25,13 +25,6 @@ var Settings = {
/* 函数 */
/* ---- */
/* 返回顶部 */
function toTop() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
/* 设置 */
// 字体大小 //

File diff suppressed because one or more lines are too long

View File

@@ -98,15 +98,9 @@
</li>
<li>
<a href="#">教程</a>
<ul>
<li><a href="https://www.runoob.com/">菜鸟教程</a></li>
<li>
<a href="#">w3school 在线教程</a>
<ul>
<li><a href="http://www.w3school.com.cn/">w3school 在线教程</a></li>
<li><a href="http://www.w3school.com.cn/tiy/t.asp">W3School 在线测试工具</a></li>
</ul>
</li>
<li><a href="https://www.runoob.com/">菜鸟教程</a></li>
</ul>
</li>
<li>
@@ -132,14 +126,13 @@
<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://blog.littleha.cn/">小哈的博客</a></li>
<li><a href="https://2heng.xin/">樱花庄的白猫</a></li>
<li><a href="https://www.htcp.net/">云梦</a></li>
<li><a href="https://blog.frost-zx.top/">Frost-ZX</a></li>
<li><a href="https://www.haojunmei.top/">haojunmei</a></li>
<li><a href="https://kenvix.com/">Kenvix's Blog</a></li>
<li><a href="https://luotianyi.vc/">Luminous' Home</a></li>
<li><a href="https://overfit.org/">OverFit Blog</a></li>
<li><a href="https://n-a.date/">UNKNOW date</a></li>
<li><a href="https://blog.zgcwkj.cn/">zgcwkj</a></li>
</ul>
@@ -173,7 +166,17 @@
<li>
<a href="#">通讯</a>
<ul>
<li><a href="http://www.pdflibr.com/">云短信</a></li>
<li>
<a href="#">邮箱</a>
<ul>
<li><a href="http://mail.126.com/">126邮箱</a></li>
<li><a href="https://mail.163.com/">网易邮箱</a></li>
<li><a href="https://mail.sina.com.cn/">新浪邮箱</a></li>
<li><a href="https://outlook.live.com/">Outlook</a></li>
<li><a href="https://mail.qq.com/">QQ邮箱</a></li>
</ul>
</li>
<li><a href="http://www.pdflibr.com/">云短信 - 验证码代收</a></li>
<li><a href="https://discordapp.com/">Discord</a></li>
</ul>
</li>
@@ -498,16 +501,6 @@
<li><a href="http://himawari8.nict.go.jp/">向日葵-8號</a></li>
</ul>
</li>
<li>
<a href="#">邮箱</a>
<ul>
<li><a href="http://mail.126.com/">126邮箱</a></li>
<li><a href="https://mail.163.com/">网易邮箱</a></li>
<li><a href="https://mail.sina.com.cn/">新浪邮箱</a></li>
<li><a href="https://outlook.live.com/">Outlook</a></li>
<li><a href="https://mail.qq.com/">QQ邮箱</a></li>
</ul>
</li>
<li>
<a href="#">娱乐</a>
<ul>
@@ -683,6 +676,7 @@
<li><a href="http://192.168.1.1/">局域网192.168.1.1</a></li>
<li><a href="http://192.168.1.1:8080/">局域网192.168.1.1:8080</a></li>
<li><a href="http://192.168.5.1/">局域网192.168.5.1</a></li>
<li><a href="http://tplogin.cn/">路由器TP-LINK</a></li>
</ul>
</li>
<li>
@@ -905,7 +899,6 @@
<ul>
<li><a href="https://mcctoolchest.weebly.com/">MCC Toolchest</a></li>
<li><a href="http://mcctoolchest.com/">MCC Toolchest PE</a></li>
<li><a href="https://tieba.baidu.com/p/5759881297">MCC Toolchest PE 教程</a></li>
</ul>
</li>
<li><a href="http://mc.whitegem.net/">创建你自己的 Minecraft 成就</a></li>
@@ -923,18 +916,10 @@
<li><a href="https://www.universalminecrafteditor.com/">Universal Minecraft Editor</a></li>
</ul>
</li>
<!--
<li>
<a href="#">黑科技</a>
<ul>
<li><a href="http://www.mchacks.net/">Minecraft Hacked Clients</a></li>
</ul>
</li>
-->
<li>
<a href="#">开发</a>
<ul>
<li><a href="https://mcforge-cn.readthedocs.io/zh/latest/">Forge 文档</a></li>
<li><a href="https://mcforge.readthedocs.io/">Forge 文档</a></li>
</ul>
</li>
<li>
@@ -1179,7 +1164,6 @@
<a href="#">虚拟化</a>
<ul>
<li><a href="https://www.virtualbox.org/">Oracle VM VirtualBox</a></li>
<li><a href="http://download.virtualbox.org/virtualbox/">Oracle VM VirtualBox (Download)</a></li>
<li><a href="https://www.vmware.com/cn/products/workstation-pro.html">VMware Workstation Pro</a></li>
</ul>
</li>
@@ -1187,9 +1171,6 @@
</li>
<li>
<a href="#">素材</a>
<ul>
<li>
<a href="#">网站</a>
<ul>
<li><a href="http://www.iconpng.com/">爱看图标网</a></li>
<li><a href="http://www.huiyi8.com/">绘艺素材网</a></li>
@@ -1204,14 +1185,6 @@
<li><a href="https://www.pexels.com/zh-tw/">Pexels</a></li>
</ul>
</li>
<li>
<a href="#">其他</a>
<ul>
<li><a href="http://geek.prdsarea.com/forum-256-1.html">尼特部落 - MMD 模型下载区</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">字体</a>
<ul>
@@ -1264,7 +1237,7 @@
<!-- 查找面板 -->
<div class="search-panel">
<div class="search-bar">
<input class="search-input" type="text" placeholder="请输入关键词" onkeydown="if (event.keyCode == 13) {SearchMode = 1; searchLink();}">
<input class="search-input" type="text" placeholder="关键词(标题 / 网址)" onkeydown="if (event.keyCode == 13) {SearchMode = 1; searchLink();}">
<button class="search-submit" onclick="SearchMode = 1; searchLink();">查找</button>
<button class="search-cancel" onclick="SearchMode = 2; searchLink();">关闭</button>
</div>
@@ -1290,7 +1263,7 @@
<div class="floating-bar">
<div class="floating-bar-search" onclick="SearchPanel.style.visibility = 'visible'; SearchInput.focus();">查找</div>
<div class="floating-bar-tool" onclick="showToolPanel()">工具</div>
<div class="floating-bar-about" onclick="window.open('https://github.com/Frost-ZX/frost-navigation/blob/master/README.md');">关于</div>
<div class="floating-bar-about" onclick="window.open('https://github.com/Frost-ZX/frost-navigation');">GitHub</div>
<div class="floating-bar-totop" onclick="document.body.scrollTop = 0; document.documentElement.scrollTop = 0;"></div>
</div>
<!-- 底栏 -->
@@ -1315,6 +1288,8 @@
<!-- JavaScript -->
<script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/slinky.min.js"></script>
<script src="assets/js/nav-functions.js"></script>
<script src="assets/js/nav-links.js"></script>
<script src="assets/js/nav-index.min.js"></script>
</body>
</html>

View File

@@ -270,6 +270,7 @@
<!-- 背景 -->
<div class="page-background"></div>
<!-- JavaScript -->
<script src="assets/js/nav-functions.js"></script>
<script src="assets/js/nav-tool.min.js"></script>
</body>
</html>