好看的网页右键代码

xjvae
2022-07-15

预览图:微信图片_20220715094209.jpg

代码如下:

<!--右键开始-->

<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:#f13a3a}

    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>

        <br>

        <li><a href="https://www.xjvae.cn"><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: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>       

        </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 googleSearch() {

        var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;

        "" == a ? layer.msg("请选择需要谷歌的内容!") : window.open("https://www.google.com/search?q=" + 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>


注释:<li><a href="https://www.xjvae.cn"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li> 此行更改为自己的网站首页

div.usercm ul li a:hover{color:#fff;background:#f13a3a}此行为更改鼠标覆盖的背景色,将background改成自己喜欢的颜色


阅读54
分享
写评论...