Greasy Fork

Greasy Fork is available in English.

原创 - 云·原神 - 隐藏悬浮球

按下`\`后展示或隐藏悬浮球。

当前为 2024-01-08 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         原创 - 云·原神 - 隐藏悬浮球
// @name:en_US   Original - Genshin Impact · Cloud - Hidden float-ball
// @description  按下`\`后展示或隐藏悬浮球。
// @version      1.0.1
// @author       CPlayerCHN
// @license      MulanPSL-2.0
// @namespace    https://www.gitlink.org.cn/CPlayerCHN
// @match        https://ys.mihoyo.com/cloud/
// @icon         https://ys.mihoyo.com/cloud/ico/favicon_128.4.3.0.ico
// @grant        GM_addStyle
// @run-at       document-idle
// ==/UserScript==

(function() {
    'use strict';

    // 调整样式
    GM_addStyle('.game-menu-fab__btn { transition: opacity .1s cubic-bezier(0.00, 0.00, 0.00, 1.00) }');

    // 监听按键按下
    addEventListener('keydown', (e) => {
        // 定义当前按下的按键和悬浮球变量
        let Key = e.key,
            floatBall = document.querySelector('.game-menu-fab__btn');

        // 如果按下斜杠 为了节省资源先判断按下的按键
        if(Key === '\\') {
            // 悬浮球存在且悬浮球被隐藏
            if(floatBall && floatBall.style.opacity === '0') {
                // 就展示悬浮球
                floatBall.setAttribute('style', 'opacity: 1');
            // 不然如果按下斜杠且悬浮球存在
            } else if(floatBall) {
                // 就隐藏悬浮球
                floatBall.setAttribute('style', 'opacity: 0');
            };
        }
    });
})();