短视频系统源代码,鼠标点击冒泡特效

软件工具
0 779


短视频系统源代码中,实现鼠标点击冒泡特效的相关代码:

onload = function() {
    var click_cnt = 0;
    var $html = document.getElementsByTagName("html")[0];
    var $body = document.getElementsByTagName("body")[0];
    $html.onclick = function(e) {
        var $elem = document.createElement("b");
        $elem.style.color = "#E94F06";
        $elem.style.zIndex = 9999;
        $elem.style.position = "absolute";
        $elem.style.select = "none";
        var x = e.pageX;
        var y = e.pageY;
        $elem.style.left = (x - 10) + "px";
        $elem.style.top = (y - 20) + "px";
        clearInterval(anim);
        switch (++click_cnt) {
            case 10:
                $elem.innerText = "OωO";
                break;
            case 20:
                $elem.innerText = "(๑•́ ∀ •̀๑)";
                break;
            case 30:
                $elem.innerText = "(๑•́ ₃ •̀๑)";
                break;
            case 40:
                $elem.innerText = "(๑•̀_•́๑)";
                break;
            case 50:
                $elem.innerText = "( ̄へ ̄)";
                break;
            case 60:
                $elem.innerText = "(╯°口°)╯(┴—┴";
                break;
            case 70:
                $elem.innerText = "૮( ᵒ̌皿ᵒ̌ )ა";
                break;
            case 80:
                $elem.innerText = "╮(。>口<。)╭";
                break;
            case 90:
                $elem.innerText = "( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃";
                break;
            case 100:
            case 101:
            case 102:
            case 103:
            case 104:
            case 105:
                $elem.innerText = "(ꐦ°᷄д°᷅)";
                break;
            default:
                $elem.innerText = "❤";
                break;
        }
        $elem.style.fontSize = Math.random() * 10 + 8 + "px";
        var increase = 0;
        var anim;
        setTimeout(function() {
            anim = setInterval(function() {
                if (++increase == 150) {
                    clearInterval(anim);
                    $body.removeChild($elem);
                }
                $elem.style.top = y - 20 - increase + "px";
                $elem.style.opacity = (150 - increase) / 120;
            }, 8);
        }, 70);
        $body.appendChild($elem);
    };
};


精选帖子
DAWN 融资3300万美金,下一个挖矿空投大项目类似grass 240
Teneo融资上千万美元,类似小草Grass挂机项目 259
Android 标枪定位 v2.11.3 免Root实现虚拟定位 302
Windows11 轻松设置 v1.10 绿色版 211
Android 海螺问问 Ghat GPT v2.30.0 免费AI助手 291
Android 海绵音乐 v2.33 免费AI音乐软件 228
Android 换脸变装视频秀 v1.2.4 美女视频AI换脸 204
Android 配音鸭文字转语音 v1.6.0登陆解锁会员 140
Android 配音工厂 v1.0.8 解锁会员版 388
热门帖子
Android 标枪定位 v2.11.3 免Root实现虚拟定位 302
Android 海螺问问 Ghat GPT v2.30.0 免费AI助手 291
Teneo融资上千万美元,类似小草Grass挂机项目 259
DAWN 融资3300万美金,下一个挖矿空投大项目类似grass 240
Android 海绵音乐 v2.33 免费AI音乐软件 228
Windows11 轻松设置 v1.10 绿色版 211
Android 换脸变装视频秀 v1.2.4 美女视频AI换脸 204
Ai一键生成影视解说视频,仅需十秒即可完成,多平台分发,轻松日入1000+ 154
Android 配音鸭文字转语音 v1.6.0登陆解锁会员 140