归档记录

鼠标左击特效

  • 放在页头脚本中

<script type="text/javascript">
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("❤一生一世❤","❤两情相悦❤","❤长相厮守❤","❤一心一意❤","❤情投意合❤","❤天荒地老❤","❤如胶似漆❤","❤浓情蜜意❤","❤情比金坚❤","❤海枯石烂❤","❤情意绵绵❤","❤魂牵梦萦❤");
var $i = $("<span></span>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 99999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"//颜色随机
//"#2299DD" //固定颜色
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</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: 5px;}
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(9,145,113,0.88);border-radius: 5px}
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://quanquan.site/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li>
<li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-file fa-fw"></i><span>复制</span></a></li>
<li><a href="javascript:void(0);" onclick="pasteContent();"><i class="fa fa-clipboard 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="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search fa-fw"></i><span>必应一下</span></a></li>
<li><a href="https://quanquan.site/liuyanban"><i class="fa fa-pencil fa-fw"></i><span>给我留言吧</span></a></li>
</ul>
</div>

<script type="text/javascript" src="https://cdn.staticfile.org/layer/3.1.1/layer.js"></script>
<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() {
var selectedText = window.getSelection ? window.getSelection().toString() : document.selection.createRange().text;
if (selectedText !== "") {
    document.execCommand("copy");
    layer.msg("已复制到剪贴板");
} else {
    layer.msg("请选择需要复制的内容!");
}
}

function pasteContent() {
navigator.clipboard.readText().then(function(text) {
    var content = text;
    // 将获取到的内容插入到当前光标位置
    document.execCommand('insertText', false, content);
}).catch(function(err) {
    layer.msg("粘贴失败,请手动粘贴");
});
}

function baiduSearch() {
var selectedText = window.getSelection ? window.getSelection().toString() : document.selection.createRange().text;
if (selectedText !== "") {
    window.open("https://cn.bing.com/search?q=" + selectedText);
} else {
    layer.msg("请选择需要必应的内容!");
}
}

$(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>
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
颜文字
Emoji
小恐龙
花花
上一篇
下一篇