返回列表 发布新帖
查看: 61|回复: 0

[代码技巧] 子比主题 – 自定义右键菜单美化

[复制链接]
SunJu_FaceMall
社区贡献

315

主题

190

回帖

1万

积分

等级头衔
Icon组别 : 管理员
Icon等级 :

积分成就
   钻石 : 524 颗
   贡献 : 1779 点
   金币 : 12 枚
Icon在线时间 : 1295 小时
Icon注册时间 : 2024-11-22
Icon最后登录 : 2025-11-14

荣誉勋章

会员LV.1会员LV.2会员LV.3会员LV.4会员LV.5会员LV.6会员LV.7会员LV.8会员LV.9会员LV.10

风云·优秀版主

飞流名人堂成员

1

实名认证 手机认证 vip vip-year FLLTCN发表于 2025-10-6 19:24:29 | 查看全部 |阅读模式 浙江金华

资源无需等待,交易就趁现在,全面资源整合网络大咖云集,让你轻松玩转互联网!

您需要 登录 才可以下载或查看,没有账号?立即注册

×
给子比主题加一个自定义右键的美化,我觉得这个还是不错的,很简洁而且好看,喜欢的自行部署,当留个笔记吧!
O1CN010PXM6T1QbInGpbvzy_!!2210123621994.jpg.jpg
代码部署
将下面的代码放到:子比主题–>>自定义底部HTML代码即可,或者也可以放到footer.php文件里面也可以!
记得修改一下里面的网站地址,要不然用的话都是本站的地址!
  1. <!-- 右键美化 -->
  2. <style type="text/css">
  3.     a {text-decoration: none;}
  4.     div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba
  5. (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}
  6.     div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}
  7.     div.usercm ul li{margin:0px;padding:0px;line-height:35px;}
  8.     div.usercm ul li a{color:#666;padding:0 15px;display:block}
  9.     div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)}
  10.     div.usercm ul li a i{margin-right:10px}
  11.     a.disabled{color:#c8c8c8!important;cursor:not-allowed}
  12.     a.disabled:hover{background-color:rgba(255,11,11,0)!important}
  13.     div.usercm{background:#fff !important;}
  14.     </style>
  15. <div class="usercm" style="left: 199px; top: 5px; display: none;">
  16.     <ul>
  17.         <li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li>
  18.         <li><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>刷新</span></a></li>      
  19.         <li><a href="https://www.tfbkw.com/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li>
  20.         <li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li>
  21.         <li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li>
  22.         <li style="border-bottom:1px solid gray"><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search fa-fw"></i><span>搜索</span></a></li>
  23.         <li><a target="_blank" href="https://www.tfbkw.com"><i class="fa fa-suitcase fa-fw"></i><span>百宝箱</span></a></li>
  24.         <li><a href="https://www.tfbkw.com/links"><i class="fa fa-meh-o fa-fw"></i><span>成为邻居</span></a></li>
  25.         <li><a href="https://www.tfbkw.com/mzsm"><i class="fa fa-copyright"></i><span>免责声明</span></a></li>
  26.         </ul>
  27. </div>
  28. <script type="text/javascript">
  29.     (function(a) {
  30.         a.extend({
  31.             mouseMoveShow: function(b) {
  32.                 var d = 0,
  33.                     c = 0,
  34.                     h = 0,
  35.                     k = 0,
  36.                     e = 0,
  37.                     f = 0;
  38.                 a(window).mousemove(function(g) {
  39.                     d = a(window).width();
  40.                     c = a(window).height();
  41.                     h = g.clientX;
  42.                     k = g.clientY;
  43.                     e = g.pageX;
  44.                     f = g.pageY;
  45.                     h + a(b).width() >= d && (e = e - a(b).width() - 5);
  46.                     k + a(b).height() >= c && (f = f - a(b).height() - 5);
  47.                     a("html").on({
  48.                         contextmenu: function(c) {
  49.                             3 == c.which && a(b).css({
  50.                                 left: e,
  51.                                 top: f
  52.                             }).show()
  53.                         },
  54.                         click: function() {
  55.                             a(b).hide()
  56.                         }
  57.                     })
  58.                 })
  59.             },
  60.             disabledContextMenu: function() {
  61.                 window.oncontextmenu = function() {
  62.                     return !1
  63.                 }
  64.             }
  65.         })
  66.     })(jQuery);

  67.     function getSelect() {
  68.         "" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("请选择需要百度的内容!") : document.execCommand("Copy")
  69.     }
  70.     function baiduSearch() {
  71.         var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;
  72.         "" == a ? layer.msg("请选择需要搜索的内容!") : window.open("https://www.tfbkw.com/?s=" + a)
  73.     }
  74.     $(function() {
  75.         for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) {
  76.             d = !1;
  77.             break
  78.         }
  79.         d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu())
  80.     });
  81. </script>
  82. <!-- 右键结束 -->  
复制代码

本帖被以下淘专辑推荐:

路虽远,行则将至;事虽难,做则必成。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

飞流广播+ 发布

系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
10-30 17:02
系统消息:柒沐已经连续答对10道难题,逆天学霸谁与争锋?!#每日答题#
10-09 09:07
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
09-24 09:00
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
09-11 11:40
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
09-02 09:17
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
08-27 08:56
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
08-20 15:12
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
08-03 10:22
系统消息:柒沐已经连续答对10道难题,逆天学霸谁与争锋?!#每日答题#
06-30 08:57
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
06-18 09:14
系统消息:清风网络已经连续答对10道难题,逆天学霸谁与争锋?!#每日答题#
04-11 09:40
系统消息:清风网络已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
04-10 09:31
系统消息:IXM77777已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
04-09 13:44
系统消息:清风网络已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
04-09 09:22
系统消息:柒沐已经连续答对10道难题,逆天学霸谁与争锋?!#每日答题#
04-09 08:52
系统消息:清风网络已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
04-08 09:24
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
04-07 09:02
系统消息:柒沐已经连续答对10道难题,逆天学霸谁与争锋?!#每日答题#
02-27 09:35
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
02-26 09:06
系统消息:柒沐已经连续答对3道难题,逆天学霸谁与争锋?!#每日答题#
02-25 08:49
站内通告

提供资源交易、信息共享、靓号交流、技术变现、学习问答、兴趣娱乐等全面服务。

1.丰富功能系统,扩展社区特色玩法,打造最好的互联网聚集圈子。

2.准确信息真实交易,安全快捷又方便,让虚拟交易面对面。

3. 天上不会掉馅饼,话术骗术迷人心,切勿脱离平台线下交易,被骗与平台无关!

4. 欺诈骗钱,违规违法将视情受到警告&禁言&封号甚至检举至👮🏻‍♀️处理!

官方Q群:123129钉推群:BAYR2383 站长QQ:3220000000

投诉/建议/商务合作联系

fl@fllt.cn

严禁私下交易,被骗与本站无关。
违反交易细则,取证立查严惩。
  • 钉钉新帖推送群
  • 官方交流QQ群
  • 站长唯一微信号

👮曝光Ta|🧿小黑屋|📴手机页|飞流网 ( 渝ICP备2025054677号-1|电信增值许可 渝B2-20250789 )|网站地图

GMT+8, 2025-11-16 14:37 , Processed in 0.084645 second(s), 61 queries, MemCached On , Gzip On.

Based on XJ-TX X3.5 Licensed

飞流论坛 HanAnalytics icp Astro vhAstro-Theme

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表