优化右键菜单

main
PJ568 2 years ago
parent 16f65d5722
commit c7f7efafe5

@ -24,15 +24,6 @@
</div>
</div>
<include src="https://tools.pj568.eu.org/header.html"></include>
<ul id="rcb_menu">
<li id="rcb_t1">🏠&nbsp;首页</li>
<li class="hr_break"></li>
<li id="rcb_t2">&nbsp;页顶</li>
<li id="rcb_t3">&nbsp;返回</li>
<li id="rcb_t4">&nbsp;前进</li>
<li id="rcb_t5">&nbsp;重载</li>
<li id="rcb_t6">🆕&nbsp;新标签页打开</li>
</ul>
<include src="https://Tools.PJ568.eu.org/contextmenu.html"></include>
</body>
</html>
<script src="https://tools.pj568.eu.org/js/contextmenu.js"></script>
</html>

@ -1 +1 @@
Subproject commit 1907c2a8871d1537b5cc73585032a812b1b0154d
Subproject commit 64b6456affc77543db4d758dc2b29b16253d74d5

@ -5,7 +5,7 @@
<title>关于&nbsp;568Tools&nbsp;在线工具箱</title>
<link rel="icon" type="image/svg+xml" href="https://tools.PJ568.eu.org/img/icon.svg">
<link rel="stylesheet" href="https://tools.pj568.eu.org/css/tool_type.css">
<script src="https://tools.pj568.eu.org/js/include.js"></script>
<script src="https://Tools.PJ568.eu.org/js/include.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked@3.0.0/marked.min.js"></script>
</head>
@ -13,9 +13,9 @@
<div class="bg-img"></div>
<div id="list" class="nav_content">
<div class="item info">
<div style="padding: 0 20px;img{width:100%;}" id="content"></div>
<div style="padding: 0 20px" id="content"></div>
<h2 id="1">许可证</h2>
<embed style="color:#F5F5F5;width: 100%;height: 3900px;" type="text/html" src="../LICENSE">
<p style="color:#F5F5F5;max-width:800px;padding: 0 20px" id="lic"></p>
</div>
<div class="item">
<h2>可选操作</h2>
@ -25,21 +25,15 @@
</div>
</div>
</div>
<include src="https://tools.pj568.eu.org/header.html"></include>
<ul id="rcb_menu">
<li id="rcb_t1">🏠&nbsp;首页</li>
<li class="hr_break"></li>
<li id="rcb_t2">&nbsp;页顶</li>
<li id="rcb_t3">&nbsp;返回</li>
<li id="rcb_t4">&nbsp;前进</li>
<li id="rcb_t5">&nbsp;重载</li>
<li id="rcb_t6">🆕&nbsp;新标签页打开</li>
</ul>
<include src="https://Tools.PJ568.eu.org/header.html"></include>
<include src="https://Tools.PJ568.eu.org/contextmenu.html"></include>
</body>
<script>
$.get('https://tools.pj568.eu.org/README.md', function(response, status, xhr){
$("#content").html(marked(response));
});
$.get('https://tools.pj568.eu.org/LICENSE', function(response, status, xhr){
$("#lic").html(marked(response));
});
</script>
</html>
<script src="https://tools.pj568.eu.org/js/contextmenu.js"></script>
</html>

@ -37,15 +37,6 @@
</div>
</div>
<include src="https://tools.pj568.eu.org/header.html"></include>
<ul id="rcb_menu">
<li id="rcb_t1">🏠&nbsp;首页</li>
<li class="hr_break"></li>
<li id="rcb_t2">&nbsp;页顶</li>
<li id="rcb_t3">&nbsp;返回</li>
<li id="rcb_t4">&nbsp;前进</li>
<li id="rcb_t5">&nbsp;重载</li>
<li id="rcb_t6">🆕&nbsp;新标签页打开</li>
</ul>
<include src="https://Tools.PJ568.eu.org/contextmenu.html"></include>
</body>
</html>
<script src="https://tools.pj568.eu.org/js/contextmenu.js"></script>
</html>

@ -0,0 +1,10 @@
<ul id="rcb_menu">
<li id="rcb_t1">🏠&nbsp;首页</li>
<li class="hr_break"></li>
<li id="rcb_t2">&nbsp;页顶</li>
<li id="rcb_t3">&nbsp;返回</li>
<li id="rcb_t4">&nbsp;前进</li>
<li id="rcb_t5">&nbsp;重载</li>
<li id="rcb_t6">🆕&nbsp;新标签页打开</li>
</ul>
<script src="https://tools.pj568.eu.org/js/contextmenu.js"></script>

@ -382,13 +382,13 @@ ins.adsbygoogle[data-ad-status="unfilled"]{
box-shadow:0 0 10px#252423
}
#rcb_menu>li{
border-radius: 10px;
border-radius: 6px;
padding: 5px 10px 0 10px;
height: 30px
}
#rcb_menu>li:hover{
background-color:#01579B;
color: #252423;
color: #FFF;
cursor: pointer
}
#rcb_menu>.hr_break{

@ -6,6 +6,7 @@
<title>568Tools&nbsp;在线工具箱</title>
<link rel="icon" type="image/svg+xml" href="./img/icon.svg">
<link rel="stylesheet" href="./css/tool_type.css">
<script src="https://Tools.PJ568.eu.org/js/include.js"></script>
</head>
<body>
<div class="bg-img"></div>
@ -36,17 +37,8 @@
</svg>
</a>
</div>
<ul id="rcb_menu">
<li id="rcb_t1">🏠&nbsp;首页</li>
<li class="hr_break"></li>
<li id="rcb_t2">&nbsp;页顶</li>
<li id="rcb_t3">&nbsp;返回</li>
<li id="rcb_t4">&nbsp;前进</li>
<li id="rcb_t5">&nbsp;重载</li>
<li id="rcb_t6">🆕&nbsp;新标签页打开</li>
</ul>
<include src="https://Tools.PJ568.eu.org/contextmenu.html"></include>
</body>
</html>
<script src="568tools/js/api.js"></script>
<script src="js/popup.js"></script>
<script src="https://tools.pj568.eu.org/js/contextmenu.js"></script>
<script src="js/popup.js"></script>

@ -1,9 +1,10 @@
function includeHTML() {
var elements = document.getElementsByTagName("include");
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
var file = element.getAttribute("src");
if (file) {
var elements = document.getElementsByTagName("include");
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
var file = element.getAttribute("src");
if (file) {
(function(element) { // 创建一个函数作用域,以便保存每个元素的引用
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
@ -12,8 +13,9 @@ function includeHTML() {
};
xhttp.open("GET", file, true);
xhttp.send();
}
})(element);
}
}
document.addEventListener("DOMContentLoaded", includeHTML);
}
document.addEventListener("DOMContentLoaded", includeHTML);

@ -39,7 +39,7 @@ function initData(){
list_html='',
sotreList=localStorage.getItem('list');
// 初始化
list_html+=`<div class="item info"><h2>欢迎使用<img class="mainicon" src="./img/icon.svg" />&nbsp;568Tools&nbsp;在线工具箱</h2><div id="ad_line" style="margin: 0 10px;"></div><p>致力于创造并维护无需注册、下载和上传即可免费使用的静态在线工具环境。部分项目来源于开源项目,热门工具已被标记为浅蓝色。<a href="568tools/data.json" target="_blank">点击查看</a>&nbsp;json&nbsp;数据。</p><p><strong>如果您有问题或建议,请不要吝啬您的<a rel="nofollow" target="_blank" href="./comment">留言反馈</a>,感谢使用及分享!</strong>本站欢迎<a rel="nofollow" target="_blank" href="./comment">提交您的页面</a>,本站将持续更新。</p><p>下载&nbsp;<strong>[568Tools&nbsp;工具箱]</strong>&nbsp;浏览器扩展插件或应用程序以供离线使用:<a rel="nofollow" target="_blank" href="https://chrome.google.com/webstore/detail/fly63%E5%B7%A5%E5%85%B7%E7%AE%B1/oicicpjppdafaknaepojmjpjoinimbel">谷歌 Chrome</a>、<a rel="nofollow" target="_blank" href="https://addons.mozilla.org/zh-CN/firefox/addon/fly63%E5%B7%A5%E5%85%B7%E7%AE%B1/">火狐 Firefox</a>、<a rel="nofollow" target="_blank" href="https://microsoftedge.microsoft.com/addons/detail/akpeonmkmdaifdnliibdoklpjcecdcnk">微软 Edge</a>、<a rel="nofollow" target="_blank" href="/lib/plug/flytool.crx">crx文件下载</a>。</p></div>`
list_html+=`<div class="item info"><h2>欢迎使用<img class="mainicon" src="./img/icon.svg" />&nbsp;568Tools&nbsp;在线工具箱</h2><div id="ad_line" style="margin: 0 10px;"></div><p>致力于创造并维护无需注册、下载和上传即可免费使用的静态在线工具环境。部分项目来源于开源项目,热门工具已被标记为浅蓝色。<a href="568tools/data.json" target="_blank">点击查看</a>&nbsp;json&nbsp;数据。</p><p><strong>如果您有问题或建议,请不要吝啬您的<a rel="nofollow" target="_blank" href="./comment">留言反馈</a>,感谢使用及分享!</strong>本站欢迎<a rel="nofollow" target="_blank" href="./comment">提交您的页面</a>,本站将持续更新。</p><p>下载&nbsp;<strong>[568Tools&nbsp;工具箱]</strong>&nbsp;浏览器扩展插件或应用程序以供离线使用:<a rel="nofollow" target="_blank" href="/568tools/app/568Tools_在线工具箱_First_Release.apk">安卓应用</a>。</p></div>`
// nav_html+=`<a class="menu_item_href" href="https://Tools.pj568.eu.org/">568Tools&nbsp;在线工具箱</a><a class="menu_item_href">|</a>`
// 初始化结束
if(!!sotreList){

Loading…
Cancel
Save