...
分享

给你的网站加点花里胡哨~鼠标点击出现随机颜色表情符号😀😁😂😃😄😅😆😇😈😉😊😋😌😍😎😏😐😑😒😓

给网站增加点击表情效果
把下面的代码添加到网页任意位置
需要有jquery支持

依赖jquery

<script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

在网页添加以下代码

/**
 * 鼠标点击出现随机颜色表情符号
 */
(function () {
    var flag = false;
    var chars = ['😀', '😁', '😂', '😃', '😄', '😅', '😆', '😇', '😈', '😉', '😊', '😋', '😌', '😍', '😎', '😏', '😐', '😑', '😒', '😓', '😔', '😕', '😖', '😗', '😘', '😙', '😚', '😛', '😜', '😝', '😞', '😟', '😠', '😡', '😢', '😣', '😤', '😥', '😦', '😧', '😨', '😩', '😪', '😫', '😬', '😭', '😮', '😯', '😰', '😱', '😲', '😳', '😴', '😵', '😶', '😷'];
    jQuery(document).ready(function ($) {
        $("html").mousemove(function (e) {
            if (flag) {
                var color = "#" + ("00000" + ((Math.random() * 16777215 + 0.5) >> 0).toString(16)).slice(-6);
                var id = Math.ceil(Math.random() * 62);
                var xr = Math.ceil(Math.random() * 400) - 200;
                var yr = Math.ceil(Math.random() * 400) - 200;
                var $i;
                $i = $("<b></b>").text(chars[id]);
                var n = Math.round(Math.random() * 10 + 16);
                var x = e.pageX + 20,
                    y = e.pageY + 20;
                $i.css({
                    "z-index": 9999,
                    "color": color,
                    "top": y,
                    "left": x,
                    "position": "absolute",
                    "font-size": n,
                    "-moz-user-select": "none",
                    "-webkit-user-select": "none",
                    "-ms-user-select": "none"
                });
                $("body").append($i);
                $i.animate({
                    "top": y + yr,
                    "left": x + xr,
                    "opacity": 0,
                }, 1000, function () {
                    $i.remove();
                });
            }
        });

        $("html").click(function (e) {
            if (!flag) {
                var color = "#" + ("00000" + ((Math.random() * 16777215 + 0.5) >> 0).toString(16)).slice(-6);
                var id = Math.ceil(Math.random() * 62);
                var xr = Math.ceil(Math.random() * 400) - 200;
                var yr = Math.ceil(Math.random() * 400) - 200;
                var $i;
                $i = $("<b></b>").text(chars[id]);
                var n = Math.round(Math.random() * 10 + 26);
                var x = e.pageX + 20,
                    y = e.pageY + 20;
                $i.css({
                    "z-index": 9999,
                    "color": color,
                    "top": y,
                    "left": x,
                    "position": "absolute",
                    "font-size": n,
                    "-moz-user-select": "none",
                    "-webkit-user-select": "none",
                    "-ms-user-select": "none"
                });
                $("body").append($i);
                $i.animate({
                    "top": y + yr,
                    "left": x + xr,
                    "opacity": 0,
                }, 1000, function () {
                    $i.remove();
                });
            }
        });

    });
})();

添加点击文字效果

/**
 * 点击效果
 */
(function () {
    var click_cnt = 0;
    jQuery(document).ready(function ($) {
        $("html").click(function (e) {
            var n = 18;
            var $i;
            click_cnt++;
            if (click_cnt == 10) {
                $i = $("<b></b>").text("OωO");
            } else if (click_cnt == 20) {
                $i = $("<b></b>").text("(๑•́ ∀ •̀๑)");
            } else if (click_cnt == 30) {
                $i = $("<b></b>").text("(๑•́ ₃ •̀๑)");
            } else if (click_cnt == 40) {
                $i = $("<b></b>").text("(๑•̀_•́๑)");
            } else if (click_cnt == 50) {
                $i = $("<b></b>").text("( ̄へ ̄)");
            } else if (click_cnt == 60) {
                $i = $("<b></b>").text("(╯°口°)╯(┴—┴");
            } else if (click_cnt == 70) {
                $i = $("<b></b>").text("૮( ᵒ̌皿ᵒ̌ )ა");
            } else if (click_cnt == 80) {
                $i = $("<b></b>").text("╮(。>口<。)╭");
            } else if (click_cnt == 90) {
                $i = $("<b></b>").text("( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃");
            } else if (click_cnt >= 100 && click_cnt <= 105) {
                $i = $("<b></b>").text("(ꐦ°᷄д°᷅)");
            } else {
                $i = $("<b></b>").text("❤");
                n = Math.round(Math.random() * 14 + 6)
            }
            var x = e.pageX + 20,
                y = e.pageY + 20;
            $i.css({
                "z-index": 9999,
                "top": y - 20,
                "left": x,
                "position": "absolute",
                "color": "#E94F06",
                "font-size": n,
                "-moz-user-select": "none",
                "-webkit-user-select": "none",
                "-ms-user-select": "none"
            });
            $("body").append($i);
            $i.animate({
                "top": y - 180,
                "opacity": 0
            }, 1500, function () {
                $i.remove();
            });
        });
    });
})();
nginx 80端口重定向到443端口配置 Nginx反向代理是什么,及反向代理的基本配置
biu biu biu
MacStroke下载及appleScript 模拟按键脚本 共享打印机0x0000011b修复的另一种方法 yarn 设置淘宝镜像 yarn 错误There appears to be trouble with your network connection. Retrying... win11 安装限制去除 跳过TPM CPU检测 附软件 win11 桌面不满足要求水印去除 适用于跳过TPM CPU检测安装后的桌面水印