本帖最后由 maiko 于 2025-8-26 09:02 编辑
  1. // ==UserScript==
  2. // @name         论坛小面板
  3. // @icon         http://www.mjtd.com/favicon.ico
  4. // @version      0.1.3
  5. // @description  by maiko
  6. // @author       lalala
  7. // @require      https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js
  8. // @match        http://www.mjtd.com/*
  9. // @match        http://bbs.mjtd.com/*
  10. // @match        http://bbs.xdcad.net/*
  11. // @match        http://www.theswamp.org/*
  12. // @match        http*://www.cadtutor.net/*
  13. // @match        http://*.lee-mac.com/*
  14. // @grant        unsafeWindow
  15. // @run-at       document-end
  16. // ==/UserScript==
  17. (function() {
  18.     'use strict';
  19.     var $ = $ || window.$;
  20.     var host = location.host;
  21.     /////////////////////////小费//////////////////////////////////
  22.     function GMaddStyle(css) {
  23.         var myStyle = document.createElement('style');
  24.         myStyle.textContent = css;
  25.         var doc = document.head || document.documentElement;
  26.         doc.appendChild(myStyle);
  27.     }
  28.     unsafeWindow.hidden_happy_monkey = function() {
  29.         var elem = document.getElementsByClassName("happy_monkey_main");
  30.         for (var i = 0; i < elem.length; i++) {
  31.             elem[i].style.cssText = "display:none";
  32.         }
  33.     };
  34.     unsafeWindow.show_happy_monkey_tao = function() {
  35.         document.getElementById("happy_monkey_tao").style.cssText = "display:block";
  36.     };
  37.     function show_xiaofei(){
  38.         if($('#happy_monkey').length==0){
  39.             GMaddStyle(`#happy_monkey{clear:both;position: fixed;display: block;left: 0px;top: 100px;}
  40.        #happy_monkey ul{padding: 0px;margin: -65px 25px;}
  41.        #happy_monkey li{list-style: none;}
  42.        #happy_monkey a{text-decoration: none;}
  43.        #happy_monkey a:hover {font-size: larger;}
  44.        .happy_monkey_head{background-color: red;color: wheat;width: 20px;border-radius: 3px;padding-left: 1px;}
  45.        .happy_monkey_main{width: 110px;background-color: yellow;cursor: pointer;border-radius: 3px;}
  46.        `);
  47.             var html = `<div for="happy_monkey_tao" onmouseover="show_happy_monkey_tao()">
  48.             <h4 class="happy_monkey_head">主题切换</h4>
  49.             <ul class="happy_monkey_main" id="happy_monkey_tao" onmouseout="hidden_happy_monkey()">
  50.             <li><a href="http://bbs.mjtd.com/forum.php?mod=guide&view=new"
  51.             target="_blank">明经_最新回复</a></li>
  52.             <li><a href="http://bbs.mjtd.com/forum-3-1.html"
  53.             target="_blank">明经_编程技术</a></li>
  54.             <li><a href="http://bbs.mjtd.com/forum-25-1.html"
  55.             target="_blank">明经_编程申请</a></li>
  56.             <li><a href="http://bbs.mjtd.com/forum-16-1.html"
  57.             target="_blank">明经_源码共享</a></li>
  58.             <li><a href="http://bbs.mjtd.com/forum.php?mod=guide&view=newthread"
  59.             target="_blank">明经_最新发表</a></li>
  60.             <li><a href="http://bbs.mjtd.com/forum.php?mod=guide&view=hot"
  61.             target="_blank">明经_最新热门</a></li>
  62.             <li><a href="http://bbs.mjtd.com/forum.php?mod=collection&action=view&ctid=13"
  63.             target="_blank">明经_通用函数</a></li>
  64.             <li><a href="http://bbs.mjtd.com/forum.php?mod=collection&action=view&ctid=3"
  65.             target="_blank">明经_高飞鸟</a></li>
  66.             <li><a href="http://bbs.mjtd.com/forum.php?mod=forumdisplay&fid=3&filter=typeid&typeid=109"
  67.             target="_blank">明经_Gu_xl</a></li>
  68.             <li><a href="http://bbs.xdcad.net/forum-260-1.html"
  69.             target="_blank">晓东_开源库</a></li>
  70.             <li><a href="http://bbs.xdcad.net/forum.php?mod=forumdisplay&fid=14&filter=typeid&typeid=226"
  71.             target="_blank">晓东_每日一码</a></li>
  72.             </ul>
  73.             </div>`;
  74.             var div = document.createElement('div');
  75.             div.id="happy_monkey";
  76.             div.innerHTML = html;
  77.             document.body.append(div);
  78.             unsafeWindow.hidden_happy_monkey();
  79.         }
  80.         //setTimeout(show_xiaofei,2500);
  81.     }
  82.     show_xiaofei();
  83.     document.body.addEventListener('DOMNodeInserted',function() {
  84.         show_xiaofei();
  85.     })
  86. })();
复制代码




网友答: 换了个颜色样式。
  1. if($('#happy_monkey').length==0){
  2.             GMaddStyle(`
  3.           /* ===== 猴子导航栏容器 ===== */
  4. #happy_monkey {
  5.   position: fixed;
  6.   display: block;
  7.   left: 0;
  8.   top: 100px;
  9.   z-index: 1000;
  10.   filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.12)); /* 增强投影深度 */
  11. }

  13. /* ===== 列表整体样式 ===== */
  14. #happy_monkey ul {
  15.   padding: 0;
  16.   margin: -65px 25px;
  17.   display: flex;
  18.   flex-direction: column;
  19.   gap: 12px; /* 增加项间距 */
  20. }

  22. /* ===== 列表项样式 ===== */
  23. #happy_monkey li {
  24.   list-style: none;
  25.   transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  26. }

  28. #happy_monkey li:hover {
  29.   transform: translateX(8px);
  30.   filter: brightness(110%);
  31. }

  33. /* ===== 链接基础样式 ===== */
  34. #happy_monkey a {
  35.   display: flex;
  36.   align-items: center;
  37.   text-decoration: none;
  38.   font-family: 'Segoe UI', 'SF Pro Display', system-ui, sans-serif;
  39.   font-weight: 600;
  40.   border-radius: 8px; /* 更大圆角 */
  41.   overflow: hidden;
  42.   padding: 8px 12px;
  43.   background-color: #ffffff; /* 改为白色背景 */
  44.   box-shadow:
  45.     0 4px 8px rgba(0, 0, 0, 0.07),
  46.     inset 0 0 0 1px rgba(255, 255, 255, 0.2); /* 内发光效果 */
  47.   transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  48.   color: #333; /* 字体颜色 */
  49. }

  51. /* ===== 链接悬停动效 ===== */
  52. #happy_monkey a:hover {
  53.   transform: scale(1.03);
  54.   box-shadow:
  55.     0 8px 16px rgba(0, 0, 0, 0.15),
  56.     inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  57.   background-color: #f0f4f8; /* 悬停背景色 */
  58. }

  60. /* ===== 头部指示器样式 ===== */
  61. .happy_monkey_head {
  62.   background: linear-gradient(135deg, #d94040 0%, #BA350F 100%); /* 渐变色调更温暖 */
  63.   color: rgba(255, 255, 255, 0.95);
  64.   width: 20px;
  65.   padding: 12px 4px;
  66.   display: flex;
  67.   align-items: center;
  68.   justify-content: center;
  69.   font-size: 1em;
  70.   font-weight: 700;
  71.   text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  72.   border-radius: 4px;
  73.   margin-bottom: 8px;
  74. }

  76. /* ===== 主内容区块样式 ===== */
  77. .happy_monkey_main {
  78.   background: linear-gradient(to right,
  79.     rgba(255, 255, 255, 0.98) 0%,
  80.     rgba(240, 245, 255, 0.96) 100%);
  81.   color: #2D3748;
  82.   width: 140px;
  83.   padding: 12px 16px;
  84.   cursor: pointer;
  85.   white-space: nowrap;
  86.   border-left: 2px solid rgba(0, 0, 0, 0.05);
  87.   position: relative;
  88.   font-size: 1em;
  89.   transition: all 0.3s ease;
  90.   box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  91.   border-radius: 6px;
  92. }

  94.        `);
复制代码






网友答: AI各种魔改
翻译不乱码、加字体、颜色
  2. // ==UserScript==
  3. // @name         明经通道论坛小面板
  4. // @namespace    http://tampermonkey.net/
  5. // @version      1.0.3
  6. // @description  在所有网站显示明经通道论坛导航面板，蓝色标注晓东链接，红色标注国外链接
  7. // @author       maiko
  8. // @icon         http://www.mjtd.com/favicon.ico
  9. // @require      https://code.jquery.com/jquery-3.6.0.min.js
  10. // @grant        GM_addStyle
  11. // @grant        GM_addElement
  12. // @run-at       document-end
  13. // @match        *://*/*
  14. // ==/UserScript==

  16. (function() {
  17. 'use strict';

  19. // 防止翻译的元字符保护
  20. GM_addElement('head', 'meta', {
  21.     charset: 'utf-8',
  22.     name: 'google',
  23.     content: 'notranslate'
  24. });

  26. // 添加面板样式 - 包含防翻译保护和链接颜色样式
  27. const panelStyle = `
  28. #happy_monkey,
  29. #happy_monkey * {
  30.   font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif !important;
  31.   text-transform: none !important;
  32.   unicode-bidi: normal !important;
  33. }

  35. #happy_monkey {
  36.   position: fixed;
  37.   left: 0;
  38.   top: 100px;
  39.   z-index: 10000;
  40.   filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.12));
  41.   transition: all 0.3s ease;
  42. }

  44. .happy_monkey_head {
  45.   background: linear-gradient(135deg, #d94040 0%, #BA350F 100%);
  46.   color: rgba(255, 255, 255, 0.95) !important;
  47.   width: 20px;
  48.   padding: 12px 4px;
  49.   display: flex;
  50.   align-items: center;
  51.   justify-content: center;
  52.   font-size: 1em;
  53.   font-weight: 700;
  54.   text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  55.   border-radius: 4px;
  56.   margin-bottom: 8px;
  57.   writing-mode: vertical-lr;
  58.   text-orientation: upright;
  59.   letter-spacing: 0.5em;
  60.   line-height: 1.8;
  61.   cursor: pointer;
  62.   transition: all 0.3s ease;
  63. }

  65. .happy_monkey_head:hover {
  66.   transform: translateX(5px);
  67. }

  69. .happy_monkey_main {
  70.   background: linear-gradient(to right, rgba(255, 255, 255, 0.98) 0%, rgba(240, 245, 255, 0.96) 100%);
  71.   color: #2D3748 !important;
  72.   width: 140px;
  73.   padding: 12px 16px;
  74.   cursor: pointer;
  75.   border-left: 2px solid rgba(0, 0, 0, 0.05);
  76.   position: absolute;
  77.   left: 30px;
  78.   top: 0;
  79.   font-size: 1em;
  80.   transition: all 0.3s ease;
  81.   box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  82.   border-radius: 6px;
  83.   opacity: 0;
  84.   transform: translateX(-10px);
  85.   pointer-events: none;
  86. }

  88. .happy_monkey_main.visible {
  89.   opacity: 1;
  90.   transform: translateX(0);
  91.   pointer-events: auto;
  92. }

  94. #happy_monkey ul {
  95.   padding: 0;
  96.   margin: 0;
  97.   display: flex;
  98.   flex-direction: column;
  99.   gap: 8px;
  100. }

  102. #happy_monkey li {
  103.   list-style: none;
  104.   transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  105. }

  107. #happy_monkey li:hover {
  108.   transform: translateX(8px);
  109.   filter: brightness(110%);
  110. }

  112. #happy_monkey a {
  113.   display: flex;
  114.   align-items: center;
  115.   text-decoration: none !important;
  116.   font-family: 'Microsoft YaHei', '微软雅黑', sans-serif !important;
  117.   font-weight: 600;
  118.   border-radius: 8px;
  119.   overflow: hidden;
  120.   padding: 8px 12px;
  121.   background-color: #ffffff;
  122.   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  123.   transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  124.   color: #333 !important;
  125.   font-size: 12px !important;
  126. }

  128. #happy_monkey a:hover {
  129.   transform: scale(1.03);
  130.   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  131.   background-color: #f0f4f8;
  132. }

  134. /* 晓东链接特殊样式 - 蓝色文字 */
  135. #happy_monkey a.xiaodong-link {
  136.   color: #1976D2 !important;  /* 深蓝色 */
  137. }

  139. #happy_monkey a.xiaodong-link:hover {
  140.   color: #0D47A1 !important;  /* 悬停时更深的蓝色 */
  141. }

  143. /* 国外链接特殊样式 - 红色文字 */
  144. #happy_monkey a.foreign-link {
  145.   color: #D32F2F !important;  /* 深红色 */
  146. }

  148. #happy_monkey a.foreign-link:hover {
  149.   color: #B71C1C !important;  /* 悬停时更深的红色 */
  150. }
  151. `;

  153. // 添加样式到页面
  154. GM_addStyle(panelStyle);

  156. // 创建面板HTML - 添加notranslate类保护和链接特殊类
  157. const panelHTML = `
  158. <div id="happy_monkey" class="notranslate">
  159.   <div class="happy_monkey_head notranslate">明经通道LISP快速导航</div>
  160.   <ul class="happy_monkey_main notranslate" id="happy_monkey_tao">
  161.     <li><a href="http://bbs.mjtd.com/forum-3-1.html" target="_blank" class="notranslate">明经_编程技术</a></li>
  162.     <li><a href="http://bbs.mjtd.com/forum.php?mod=guide&view=new" target="_blank" class="notranslate">明经_最新回复</a></li>
  163.     <li><a href="http://bbs.mjtd.com/forum-25-1.html" target="_blank" class="notranslate">明经_编程申请</a></li>
  164.     <li><a href="http://bbs.mjtd.com/forum-16-1.html" target="_blank" class="notranslate">明经_源码共享</a></li>
  165.     <li><a href="http://bbs.mjtd.com/forum.php?mod=guide&view=newthread" target="_blank" class="notranslate">明经_最新发表</a></li>
  166.     <li><a href="http://bbs.mjtd.com/forum.php?mod=guide&view=hot" target="_blank" class="notranslate">明经_最新热门</a></li>
  167.     <li><a href="http://bbs.mjtd.com/forum.php?mod=collection&action=view&ctid=13" target="_blank" class="notranslate">明经_通用函数</a></li>
  168.     <li><a href="http://bbs.mjtd.com/forum.php?mod=collection&action=view&ctid=3" target="_blank" class="notranslate">明经_高飞鸟</a></li>
  169.     <li><a href="http://bbs.mjtd.com/forum.php?mod=forumdisplay&fid=3&filter=typeid&typeid=109" target="_blank" class="notranslate">明经_Gu_xl</a></li>
  170.     <li><a href="http://www.mjtd.com/home.php?mod=space&uid=396777&do=thread&type=thread&view=me&from=space" target="_blank" class="notranslate">明经_大海</a></li>

  172.     <!-- 添加晓东链接特殊类 -->
  173.     <li><a href="http://bbs.xdcad.net/forum-260-1.html" target="_blank" class="notranslate xiaodong-link">晓东_开源库</a></li>
  174.     <li><a href="http://bbs.xdcad.net/forum.php?mod=forumdisplay&fid=14&filter=typeid&typeid=226" target="_blank" class="notranslate xiaodong-link">晓东_每日一码</a></li>

  176.     <!-- 添加外国链接特殊类 -->
  177.     <li><a href="https://www.theswamp.org/" target="_blank" class="notranslate foreign-link">国外_theswamp</a></li>
  178.     <li><a href="https://www.lee-mac.com/tabsort.html" target="_blank" class="notranslate foreign-link">国外_lee-mac</a></li>
  179.     <li><a href="https://www.afralisp.net/" target="_blank" class="notranslate foreign-link">国外_afralisp</a></li>
  180.   </ul>
  181. </div>
  182. `;

  184. // 添加面板到页面
  185. $('body').append(panelHTML);

  187. // 面板显示/隐藏功能
  188. let panelTimeout;

  190. $('.happy_monkey_head').hover(
  191.   function() {
  192.     clearTimeout(panelTimeout);
  193.     $('#happy_monkey_tao').addClass('visible');
  194.   },
  195.   function() {
  196.     panelTimeout = setTimeout(() => {
  197.       $('#happy_monkey_tao').removeClass('visible');
  198.     }, 300);
  199.   }
  200. );

  202. $('#happy_monkey_tao').hover(
  203.   function() {
  204.     clearTimeout(panelTimeout);
  205.     $(this).addClass('visible');
  206.   },
  207.   function() {
  208.     $(this).removeClass('visible');
  209.   }
  210. );

  212. // 初始隐藏菜单
  213. $('#happy_monkey_tao').removeClass('visible');

  215. // 面板拖动功能
  216. let isDragging = false;
  217. let offsetX, offsetY;

  219. $('#happy_monkey').mousedown(function(e) {
  220.   if (e.target.classList.contains('happy_monkey_head')) {
  221.     isDragging = true;
  222.     offsetX = e.clientX - $(this).offset().left;
  223.     offsetY = e.clientY - $(this).offset().top;
  224.   }
  225. });

  227. $(document).mousemove(function(e) {
  228.   if (isDragging) {
  229.     $('#happy_monkey').css({
  230.       left: (e.clientX - offsetX) + 'px',
  231.       top: (e.clientY - offsetY) + 'px'
  232.     });
  233.   }
  234. });

  236. $(document).mouseup(function() {
  237.   isDragging = false;
  238. });
  239. })();


网友答: AI改一下，所有网站都显示这个导航工具条

  1. // ==UserScript==
  2. // @name         明经通道论坛小面板
  3. // @icon         http://www.mjtd.com/favicon.ico
  4. // @version      0.1.4
  5. // @description  by maiko
  6. // @author       lalala
  7. // @require      https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js
  8. // @grant        unsafeWindow
  9. // @run-at       document-end
  10. // @match        *://*/*
  11. // ==/UserScript==

  13. (function() {
  14.     'use strict';
  15.     var $ = $ || window.$;
  16.     var host = location.host;
  17.     /////////////////////////小费//////////////////////////////////
  18.     function GMaddStyle(css) {
  19.         var myStyle = document.createElement('style');
  20.         myStyle.textContent = css;
  21.         var doc = document.head || document.documentElement;
  22.         doc.appendChild(myStyle);
  23.     }
  24.     unsafeWindow.hidden_happy_monkey = function() {
  25.         var elem = document.getElementsByClassName("happy_monkey_main");
  26.         for (var i = 0; i < elem.length; i++) {
  27.             elem[i].style.cssText = "display:none";
  28.         }
  29.     };
  30.     unsafeWindow.show_happy_monkey_tao = function() {
  31.         document.getElementById("happy_monkey_tao").style.cssText = "display:block";
  32.     };
  33.     function show_xiaofei(){
  34.         if($('#happy_monkey').length==0){
  35.             GMaddStyle(`#happy_monkey{clear:both;position: fixed;display: block;left: 0px;top: 100px;}
  36.        #happy_monkey ul{padding: 0px;margin: -65px 25px;}
  37.        #happy_monkey li{list-style: none;}
  38.        #happy_monkey a{text-decoration: none;}
  39.        #happy_monkey a:hover {font-size: larger;}
  40.        .happy_monkey_head{background-color: red;color: wheat;width: 20px;border-radius: 3px;padding-left: 1px;}
  41.        .happy_monkey_main{width: 110px;background-color: yellow;cursor: pointer;border-radius: 3px;}
  42.        `);
  43.             var html = `<div for="happy_monkey_tao" onmouseover="show_happy_monkey_tao()">
  44.             <h4 class="happy_monkey_head">明经通道<br> L<br> I<br> S<br> P<br>主题切换</h4>
  45.             <ul class="happy_monkey_main" id="happy_monkey_tao" onmouseout="hidden_happy_monkey()">
  46.             <li><a href="http://bbs.mjtd.com/forum.php?mod=guide&view=new"
  47.             target="_blank">明经_最新回复</a></li>
  48.             <li><a href="http://bbs.mjtd.com/forum-3-1.html"
  49.             target="_blank">明经_编程技术</a></li>
  50.             <li><a href="http://bbs.mjtd.com/forum-25-1.html"
  51.             target="_blank">明经_编程申请</a></li>
  52.             <li><a href="http://bbs.mjtd.com/forum-16-1.html"
  53.             target="_blank">明经_源码共享</a></li>
  54.             <li><a href="http://bbs.mjtd.com/forum.php?mod=guide&view=newthread"
  55.             target="_blank">明经_最新发表</a></li>
  56.             <li><a href="http://bbs.mjtd.com/forum.php?mod=guide&view=hot"
  57.             target="_blank">明经_最新热门</a></li>
  58.             <li><a href="http://bbs.mjtd.com/forum.php?mod=collection&action=view&ctid=13"
  59.             target="_blank">明经_通用函数</a></li>
  60.             <li><a href="http://bbs.mjtd.com/forum.php?mod=collection&action=view&ctid=3"
  61.             target="_blank">明经_高飞鸟</a></li>
  62.             <li><a href="http://bbs.mjtd.com/forum.php?mod=forumdisplay&fid=3&filter=typeid&typeid=109"
  63.             target="_blank">明经_Gu_xl</a></li>
  64.             <li><a href="http://bbs.xdcad.net/forum-260-1.html"
  65.             target="_blank">晓东_开源库</a></li>
  66.             <li><a href="http://bbs.xdcad.net/forum.php?mod=forumdisplay&fid=14&filter=typeid&typeid=226"
  67.             target="_blank">晓东_每日一码</a></li>
  68.             </ul>
  69.             </div>`;
  70.             var div = document.createElement('div');
  71.             div.id="happy_monkey";
  72.             div.innerHTML = html;
  73.             document.body.append(div);
  74.             unsafeWindow.hidden_happy_monkey();
  75.         }
  76.         //setTimeout(show_xiaofei,2500);
  77.     }
  78.     show_xiaofei();
  79.     document.body.addEventListener('DOMNodeInserted',function() {
  80.         show_xiaofei();
  81.     })
  82. })();
复制代码





网友答: 本帖最后由 czb203 于 2025-8-26 15:00 编辑

找了半天原来这里~

网友答: 安装了，但是这个有什么区别？没有看出来呀

网友答: 就这效果,


网友答:
czb203 发表于 2025-8-26 10:34
安装了，看不懂什么效果呀

要后台网上下载库,慢一点吧,可能过伙就好了

网友答:
maiko 发表于 2025-8-26 10:46
要后台网上下载库,慢一点吧,可能过伙就好了

大佬，接个图看下，我都不懂哪些地方变化

网友答: 可以换这个cdn试试.
  1. // @require      https://gcore.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js
复制代码


网友答:
yanshengjiang 发表于 2025-8-29 11:59
AI改一下，所有网站都显示这个导航工具条


            明经通道LISP快速导航
        

                
  • 明经_最新回复
                
  • 明经_编程技术
                
  • 明经_编程申请
                
  • 明经_源码共享
                
  • 明经_最新发表
                
  • 明经_最新热门
                
  • 明经_通用函数
                
  • 明经_高飞鸟
                
  • 明经_Gu_xl
                
  • 晓东_开源库
                
  • 晓东_每日一码
            
   
   
  • 上一篇：分享一个能统一标注的箭头大小和字体高度小插
  • 下一篇：没有了
    CAD技术交流中心 | 建筑CAD | 给排水CAD | 暖通CAD | 电气CAD | 电力CAD | 机械CAD | CAD母线槽 | CAD看图
    Copyright © 2019 - 2025