博主头像 Southerly 博主 昨天 07:58 在线

Typecho博客自定义右键(支持各个主题)

  • Southerly 2024年11月01日 176阅读 3评论
  • AI摘要:本文介绍了如何在Typecho博客中自定义右键菜单,包括复制、搜索、前进、后退、重载网页等功能,并提供了相应的代码和操作步骤。

    🍂🍁Southerly🍁🍂

    Typecho博客自定义右键

    第一步:复制下列代码
    <script src="https://lib.baomitu.com/layer/3.1.1/layer.js"></script>
    <!-- 自定义右键菜单美化 -->
      <style type="text/css">
        a {text-decoration: none;}
        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
    (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}
        div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}
        div.usercm ul li{margin:0px;padding:0px;line-height:35px;}
        div.usercm ul li a{color:#666;padding:0 15px;display:block}
        div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)}
        div.usercm ul li a i{margin-right:10px}
        a.disabled{color:#c8c8c8!important;cursor:not-allowed}
        a.disabled:hover{background-color:rgba(255,11,11,0)!important}
        div.usercm{background:#fff !important;}
        </style>
    <div class="usercm" style="left: 199px; top: 5px; display: none;">
        <ul>
            <li><a href="https://xn--gmq25xoow.top/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li>
            <li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li>
            <li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search fa-fw"></i><span>搜索</span></a></li>
            <li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li>
            <li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li>
            <li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>重载网页</span></a></li>
            <li><a href="https://xn--gmq25xoow.top/"><i class="fa fa-meh-o fa-fw"></i><span>和我当邻居</span></a></li>  
        
        </ul>
    </div>
    <script type="text/javascript">
        (function(a) {
            a.extend({
                mouseMoveShow: function(b) {
                    var d = 0,
                        c = 0,
                        h = 0,
                        k = 0,
                        e = 0,
                        f = 0;
                    a(window).mousemove(function(g) {
                        d = a(window).width();
                        c = a(window).height();
                        h = g.clientX;
                        k = g.clientY;
                        e = g.pageX;
                        f = g.pageY;
                        h + a(b).width() >= d && (e = e - a(b).width() - 5);
                        k + a(b).height() >= c && (f = f - a(b).height() - 5);
                        a("html").on({
                            contextmenu: function(c) {
                                3 == c.which && a(b).css({
                                    left: e,
                                    top: f
                                }).show()
                            },
                            click: function() {
                                a(b).hide()
                            }
                        })
                    })
                },
                disabledContextMenu: function() {
                    window.oncontextmenu = function() {
                        return !1
                    }
                }
            })
        })(jQuery);
       
        function getSelect() {
            "" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("啊噢...你没还没选择文字呢!") : document.execCommand("Copy")
        }
        function baiduSearch() {
            var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;
            "" == a ? layer.msg("啊噢...你没还没选择文字呢!") : window.open("https://www.baidu.com/s?wd=" + a)
        }
        $(function() {
            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])) {
                d = !1;
                break
            }
            d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu())
        });
        </script>
    <!--ruleuser js引入    -->
    <script src="/user/configs.js?v1.0211"></script>
    <script type="text/javascript" src="/user/layer/layer.js""></script>
    <script type="text/javascript" src="/user/main/main.js""></script>
    <!--ruleuser js引入    -->
    第二步:找到“适合的位置加到主题或者对应的自定义代码块即可”
    第三步:把刚刚复制的代码填进去
    本文共 111 个字数,平均阅读时长 ≈ 1分钟
    3
    打赏

    —— 评论区 ——

    昵称
    邮箱
    网址
    取消
    1. 头像
      元亨
      Mac OS X 10.15.7   Google Chrome 130 江苏省扬州市
      回复

      请问合适的位置是哪里呢

      1. 头像
        Southerly 博主
        Windows 10 x64 Edition   Microsoft Edge 128 陕西省西安市
        回复
        @元亨

        post,include,header等等,只要每个页面都有的页面里面都行

        1. 头像
          元亨
          Windows 10 x64 Edition   Google Chrome 130 江苏省扬州市
          回复
          @Southerly

          谢谢

    站点公告

    请勿在本站点发表不当言论,以及进行恶意引流行为,否则会对该ip进行封禁处理

      2024年还剩下:
      0 64 11小时 35 35


    人生倒计时
    舔狗日记