拆分 JavaScript 文件

README.md

@@ -33,8 +33,7 @@
 
 ### 自定义
 
-- [下载](https://github.com/Frost-ZX/frost-navigation/archive/master.zip) 后打开 `index.html` 和 `js/script.js` 根据需要进行修改。
+- [下载](https://github.com/Frost-ZX/frost-navigation/archive/master.zip) 后打开 `index.html` 和 `assets/js/nav-links.js` 根据需要进行修改。
-- 修改完毕后，请根据需要在 `index.html` 中把 `<script src="js/index.min.js"></script>` 改为 `<script src="js/index.js"></script>` 或把 `js/script.js` 压缩为 `js/script.min.js`。
 
 ## 第三方资源
 

assets/js/nav-functions.js

@@ -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;
+}

assets/js/nav-index.js

@@ -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() {

assets/js/nav-index.min.js

@@ -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);}}
+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)}
-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);}

assets/js/nav-links.js

@@ -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);

assets/js/nav-tool.js

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

index.html

@@ -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>
+                            <li><a href="https://www.runoob.com/">菜鸟教程</a></li>
-                                </ul>
-                            </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>

tool.html

@@ -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>