52 Enhance

Minimalistic enhancements for 52pojie.
当前为 2023-06-20 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         52 Enhance
// @namespace    http://tampermonkey.net/
// @version      0.1.2
// @description  Minimalistic enhancements for 52pojie.
// @author       PRO
// @match        https://www.52pojie.cn/*
// @icon         http://52pojie.cn/favicon.ico
// @grant        none
// @license      gpl-3.0
// ==/UserScript==

(function() {
    'use strict';
    // Dynamic opacity
    let config = {
        opacity: {
            "default": 0.2,
            "hover": 0.8,
            "none": 0.8,
            "transition": "opacity 0.2s ease-in-out"
        }
    };
    let css = document.createElement("style");
    css.textContent = `
    #jz52top {
        opacity: ${config.opacity.default};
        transition: ${config.opacity.transition};
    }
    #jz52top:hover {
        opacity: ${config.opacity.hover};
    }
    @media (any-hover: none) {
        #jz52top {
            opacity: ${config.opacity.none};
        }
        #jz52top:hover {
            opacity: ${config.opacity.none};
        }
    }
    `;
    document.head.appendChild(css);
    // Hide code
    function toggleCode() {
        let code = this.parentNode.parentNode.lastChild;
        if (code.style.display == "none") {
            code.style.display = "";
            this.textContent = " 隐藏代码";
        } else {
            code.style.display = "none";
            this.textContent = " 显示代码";
        }
    }
    document.querySelectorAll("em.viewsource").forEach(ele => {
        let hide_code = document.createElement("em");
        hide_code.setAttribute("style", ele.getAttribute("style"));
        hide_code.setAttribute("num", ele.getAttribute("num"));
        hide_code.textContent = " 隐藏代码";
        hide_code.addEventListener("click", toggleCode);
        ele.parentNode.appendChild(hide_code);
    });
    // Double click navbar to get to top
    document.getElementById("nv").addEventListener("dblclick", e => {
        window.scrollTo({ top: 0, behavior: "smooth" });
    });
    // Change get to top button behavior (use vanilla solution)
    document.getElementById("goTopBtn").onclick = e => {
        window.scrollTo({ top: 0, behavior: "smooth" });
    };
})();