<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Snavigation</title> <link rel="icon" href="favicon.ico"> <!-- jQuery --> <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.5.1/jquery.min.js"></script> <!-- 引入样式 --> <link rel="stylesheet" type="text/css" href="./css/style.css"> <link rel="stylesheet" type="text/css" href="./css/font.css"> <link rel="stylesheet" type="text/css" href="./css/loading.css"> <link rel="stylesheet" type="text/css" href="./css/mobile.css"> <link rel="stylesheet" type="text/css" href="./css/firefox.css"> <link rel="stylesheet" type="text/css" href="./css/animation.css"> <!-- Izitoast --> <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/izitoast/1.4.0/css/iziToast.min.css"> <script type="text/javascript" src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/izitoast/1.4.0/js/iziToast.min.js"> </script> <!-- IE Out --> <script> if ( /*@cc_on!@*/ false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href = "https://www.imsyy.top/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location .href); </script> </head> <body> <!--加载动画--> <div id="loading-box"> <div class="loading-left-bg"></div> <div class="loading-right-bg"></div> <div class="spinner-box"> <div class="loader"> <div class="inner one"></div> <div class="inner two"></div> <div class="inner three"></div> </div> <div class="loading-word"> <p class="loading-title">Snavigation</p> <span id="loading-text">加载中</span> </div> </div> </div> <!-- 背景图片 --> <div class="bg-all"> <img id="bg" onerror="this.classList.add('error');"></img> <div class="cover"></div> </div> <!-- 主体内容 --> <section id="section" class="section"> <div id="content"> <div class="con"> <!-- 时间天气 --> <div class="tool-all"> <div class="time"> <span id="time_text">00<span id="point">:</span>00</span> <span id="day">0 月 00 日 周一</span> </div> <div class="weather"> <span id="wea_text">N/A</span> <span id="tem2">N/A</span>°C ~ <span id="tem1">N/A</span>°C </div> </div> <!-- 搜索框 --> <div class="close_sou"></div> <div class="sou"> <form class="search" action="https://www.baidu.com/s" target="_Blank"> <div class="all-search"> <div class="se" title="点击切换搜索引擎"> <i id="icon-se" class="iconfont icon-baidu"></i> </div> <input class="wd" type="text" name="wd" placeholder="想要搜点什么" autocomplete="off"> <div class="sou-button"> <div class="s" id="s-button"> <i id="icon-sou" class="iconfont icon-sousuo"></i> </div> </div> </div> <input type="submit" id="search-submit" style="display: none;"> </form> <div id="keywords" style="display: none;"></div> <div class="search-engine" style="display: none;"> <div class="search-engine-list"> <div class="se-li"> <a class="se-li-text" data-url="https://www.baidu.com/s" data-name="wd" data-icon="iconfont icon-baidu"> <i id="icon-sou-list" class="iconfont icon-sousuo"></i> <span>百度</span> </a> </div> <div class="se-li" data-url="https://cn.bing.com/search" data-name="q" data-icon="iconfont icon-bing"> <a class="se-li-text"> <i id="icon-sou-list" class="iconfont icon-bing"></i> <span>必应</span> </a> </div> <div class="se-li" data-url="https://www.google.com/search" data-name="q" data-icon="iconfont icon-google"> <a class="se-li-text"> <i id="icon-sou-list" class="iconfont icon-google"></i> <span>谷歌</span> </a> </div> <div class="se-li" data-url="https://www.sogou.com/web" data-name="query" data-icon="iconfont icon-bing"> <a class="se-li-text"> <i id="icon-sou-list" class="iconfont icon-sougousousuo"></i> <span>搜狗</span> </a> </div> </div> </div> </div> <!-- 书签页 --> <div class="mark" style="display: none;"> <div class="tab"> <div class="tab-item active">常用</div> <div class="tab-item">工具</div> <div class="tab-item">开发</div> <div class="tab-item">娱乐</div> <div class="tab-item">学习</div> <div class="tab-item">设计</div> </div> <div class="content products"> <!-- 常用 --> <div class="mainCont selected"> <div class="quick-all"> <div class="quick"> <a href="https://github.com/" target="_blank"> GitHub </a> </div> </div> </div> <!-- 开发 --> <div class="mainCont"> <div class="quick-alls"> <div class="quicks"> <a href="https://tool.chinaz.com/" target="_blank"> 站长之家 </a> </div> <div class="quicks"> <a href="https://www.toolnb.com/" target="_blank"> 爱资料工具 </a> </div> <div class="quicks"> <a href="https://www.aconvert.com/cn/" target="_blank"> Aconvert </a> </div> <div class="quicks"> <a href="https://next.itellyou.cn/" target="_blank"> MSDN </a> </div> <div class="quicks"> <a href="https://www.bejson.com/" target="_blank"> BEJSON </a> </div> <div class="quicks"> <a href="https://zh.z-lib.org/" target="_blank"> Z-Library </a> </div> <div class="quicks"> <a href="https://ebook.huzerui.com/" target="_blank"> 熊猫搜书 </a> </div> <div class="quicks"> <a href="https://vocalremover.org/ch/" target="_blank"> VocalreMover </a> </div> <div class="quicks"> <a href="https://tiomg.org/" target="_blank"> 太美工具 </a> </div> <div class="quicks"> <a href="https://s.threatbook.cn/" target="_blank"> 微步云沙箱 </a> </div> <div class="quicks"> <a href="https://www.tablesgenerator.com/" target="_blank"> 表格生成 </a> </div> <div class="quicks"> <a href="https://write.imsyy.top/" target="_blank"> MD 编辑器 </a> </div> <div class="quicks"> <a href="https://vocalremover.org/ch/" target="_blank"> VocalreMover </a> </div> </div> </div> <!-- 工具 --> <div class="mainCont"> <div class="quick-alls"> <div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~"> <a href="https://www.bilibili.com/" target="_blank"> 哔哩哔哩 </a> </div> <div class="quicks" data-s="github" title="GitHub"> <a href="https://github.com/" target="_blank"> GitHub </a> </div> <div class="quicks" data-s="v2ex" title="V2EX"> <a href="https://www.v2ex.com/" target="_blank"> V2EX </a> </div> <div class="quicks" data-s="steam" title="Steam"> <a href="https://store.steampowered.com/" target="_blank"> Steam </a> </div> </div> </div> <!-- 娱乐 --> <div class="mainCont"> <div class="quick-alls"> <div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~"> <a href="https://www.bilibili.com/" target="_blank"> 哔哩哔哩 </a> </div> <div class="quicks" data-s="github" title="GitHub"> <a href="https://github.com/" target="_blank"> GitHub </a> </div> </div> </div> <!-- 学习 --> <div class="mainCont"> <div class="quick-alls"> <div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~"> <a href="https://www.bilibili.com/" target="_blank"> 哔哩哔哩 </a> </div> <div class="quicks" data-s="github" title="GitHub"> <a href="https://github.com/" target="_blank"> GitHub </a> </div> </div> </div> <!-- 设计 --> <div class="mainCont"> <div class="quick-alls"> <div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~"> <a href="https://www.bilibili.com/" target="_blank"> 哔哩哔哩 </a> </div> <div class="quicks" data-s="github" title="GitHub"> <a href="https://github.com/" target="_blank"> GitHub </a> </div> </div> </div> </div> </div> <!-- 设置图标 --> <div id="menu"> <i id="icon-menu" class="iconfont icon-shezhi"></i> </div> <!-- 设置页 --> <div class="set" style="display: none;"> <div class="tabs"> <div class="tab-items actives">搜索引擎</div> <div class="tab-items" id="set-quick-menu">快捷方式</div> <div class="tab-items">背景图片</div> <div class="tab-items">数据备份</div> </div> <div class="contents productss"> <!-- 搜索引擎设置 --> <div class="mainConts selected"> <div class="set_blocks"> <div class="set_blocks_content"> <div class="se_list"> <div class="se_list_table"> <div class="se_list_div"> <div class="se_list_num"> <i class="iconfont icon-home"></i> </div> <div class="se_list_name">百度</div> <div class="se_list_button"> <button class="set_se_default" value="baidu" style="border-radius: 8px 0px 0px 8px;"> <span class="iconfont icon-home"></span> </button> <button class="edit_se" value="baidu"> <span class="iconfont icon-xiugai"></span> </button> <button class="delete_se" value="baidu" style="border-radius: 0px 8px 8px 0px;"> <span class="iconfont icon-delete"></span> </button> </div> </div> <div class="se_list_div"> <div class="se_list_num">2</div> <div class="se_list_name">谷歌</div> <div class="se_list_button"> <button class="set_se_default" value="google"><span class="iconfont icon-home"></span></button> <button class="edit_se" value="google"><span class="iconfont icon-xiugai"></span></button> <button class="delete_se" value="google"><span class="iconfont icon-delete"></span></button> </div> </div> </div> </div> <div class="se_add_preinstall"> <div class="set_se_list_add"> <span class="set_quick_text">新增</span> </div> <div class="set_se_list_preinstall"> <span class="set_quick_text">重置</span> </div> </div> <div class="add_content se_add_content" style="display:none;"> <div class="froms"> <div class="from_items"> <div class="from_text">顺序</div> <input type="hidden" name="key_inhere"> <input type="number" name="key" placeholder="请填入小于 20 的正整数" autocomplete="off" oninput="if(value>20)value=20;if(value<0)value=0"> </div> <div class="from_items"> <div class="from_text">名称</div> <input type="text" name="title" placeholder="搜索引擎名称" autocomplete="off"> </div> <div class="from_items"> <div class="from_text">网址</div> <input type="url" name="url" placeholder="以 https 或 http 开头的 URL" autocomplete="off"> </div> <div class="from_items"> <div class="from_text">字段名</div> <input type="text" name="name" placeholder="URL 中 ? 后面的字段" autocomplete="off"> </div> <div class="from_items" style="display: none;"> <input type="text" name="icon" placeholder="iconfont icon-Earth" value="iconfont icon-Earth" disabled="disabled"> </div> </div> <div class="from_items button"> <div class="se_add_save">保存</div> <div class="se_add_cancel">取消</div> </div> </div> </div> </div> </div> <!-- 快捷方式设置 --> <div class="mainConts"> <div class="set_blocks"> <div class="set_blocks_content"> <div class="quick_list"> <div class="quick_list_table"> <div class="quick_list_div"> <div class="quick_list_div_num">1</div> <div class="quick_list_div_name">哔哩哔哩</div> <div class="quick_list_div_button"> <div class="edit_quick" value="1"> <span class="iconfont iconbook-edit"></span> </div> <div class="delete_quick" value="1"> <span class="iconfont icondelete"></span> </div> </div> </div> <div class="quick_list_div"> <div class="quick_list_div_num">2</div> <div class="quick_list_div_name">知乎</div> <div class="quick_list_div_button"> <button class="edit_quick" value="2" style="border-radius: 8px 0px 0px 8px;"> <span class="iconfont iconbook-edit"></span> </button> <button class="delete_quick" value="2" style="border-radius: 0px 8px 8px 0px;"> <span class="iconfont icondelete"></span> </button> </div> </div> </div> </div> <div class="se_add_preinstalls"> <div class="set_quick_list_add"> <span class="set_quick_text">新增</span> </div> <div class="set_quick_list_preinstall"> <span class="set_quick_text">重置</span> </div> </div> <div class="add_content quick_add_content" style="display:none;"> <div class="froms"> <div class="from_items"> <div class="from_text">顺序</div> <input type="hidden" name="key_inhere"> <input type="number" name="key" placeholder="请填入小于 100 的正整数" autocomplete="off" oninput="if(value>99)value=99;if(value<0)value=0"> </div> <div class="from_items"> <div class="from_text">名称</div> <input type="text" name="title" placeholder="网站名称" autocomplete="off"> </div> <div class="from_items"> <div class="from_text">网址</div> <input type="url" name="url" placeholder="以 https 或 http 开头的 URL" autocomplete="off"> </div> </div> <div class="from_items button"> <div class="quick_add_save">保存</div> <div class="quick_add_cancel">取消</div> </div> </div> </div> </div> </div> <!-- 背景图片设置 --> <div class="mainConts"> <div class="set_blocks"> <div class="set_tip"> <span class="set_text mobile">点击下方选项以切换壁纸,使用除默认壁纸以外的选项可能会导致页面载入缓慢</span> <span class="set_text mobile">不建议使用以主色调为白色的壁纸,会导致本站部分元素无法辨认</span> <span class="set_text" id="wallpaper_text">请点击选项以查看各项说明,高亮项为选中,选中后刷新页面以生效</span> </div> <div class="set_blocks_content"> <div class="from_container"> <div class="froms"> <div class="from_row"> <div class="from_row_content"> <div id="wallpaper"> <div class="form-radio"> <input type="radio" id="radio1" class="set-wallpaper" name="wallpaper-type" value="1" style="display: none;"> <label class="form-radio-label" for="radio1"> 默认壁纸 </label> </div> <div class="form-radio"> <input type="radio" id="radio2" class="set-wallpaper" name="wallpaper-type" value="2" style="display: none;"> <label class="form-radio-label" for="radio2"> 每日必应 </label> </div> <div class="form-radio"> <input type="radio" id="radio3" class="set-wallpaper" name="wallpaper-type" value="3" style="display: none;"> <label class="form-radio-label" for="radio3"> 随机风景 </label> </div> <div class="form-radio"> <input type="radio" id="radio4" class="set-wallpaper" name="wallpaper-type" value="4" style="display: none;"> <label class="form-radio-label" for="radio4"> 随机二次元 </label> </div> <div class="form-radio mobile"> <input type="radio" id="radio5" class="set-wallpaper wallpaper-custom" name="wallpaper-type" value="5" style="display: none;"> <label class="form-radio-label" for="radio5"> 自定义壁纸 </label> </div> </div> </div> </div> <div id="wallpaper_url" style="display: none;"> <div class="from_row"> <div class="from_items"> <input type="text" name="wallpaper-url" id="wallpaper-url" placeholder="以 https 或 http 开头的 URL" autocomplete="off"> </div> </div> </div> </div> </div> <div class="from_items button" id="wallpaper-button" style="display: none;"> <div class="wallpaper_save">保存</div> </div> </div> </div> </div> <!-- 数据备份设置 --> <div class="mainConts"> <div class="set_blocks"> <div class="set_tip"> <span class="set_text">点击导出会将本站文件导出至下载目录</span> <span class="set_text">点击导入可选择已备份文件进行恢复</span> <span class="set_text">本功能尚未完善,若遇到问题可在设置进行重置</span> </div> <div class="set_button"> <div class="but-ordinary" id="my_data_in">导入</div> <div class="but-ordinary" id="my_data_out">导出</div> <input type="file" id="my_data_file" name="file" style="display: none"> </div> <div class="set_version"> <span class="set_version-text">MADE BY IMSYY</span> <span class="set_version-text2">© Snavigation v 1.2</span> </div> </div> </div> </div> </div> </div> </div> <!-- 版权信息 --> <div class="foot"> <div class="power">Copyright © 2020 <script> document.write(' - ' + (new Date()).getFullYear()) </script> <a href="https://imsyy.top">無名</a> & <!-- 以下信息请不要修改哦 --> Made by <a href="https://github.com/imsyy/Snavigation" target="_blank">imsyy</a> </div> </div> </section> <!-- 主体内容结束 --> <!-- noscript --> <noscript> <div class="noscript fixed-top">请开启 JavaScript</div> </noscript> <!-- JS --> <script type="text/javascript" src="./js/main.js"></script> <script type="text/javascript" src="./js/set.js"></script> <script type="text/javascript" src="./js/js.cookie.js"></script> </body> </html>