轻提示

轻提示，友好提示

目前为 2024-03-20 提交的版本。查看最新版本。

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.greasyfork.cloud/scripts/490343/1346125/%E8%BD%BB%E6%8F%90%E7%A4%BA.js

提问、发表评价，或者举报这个脚本。

换行

// ==UserScript==
// @name         轻提示
// @namespace    http://tampermonkey.net/
// @version      1.0.0
// @description  轻提示，友好提示
// @author       Zosah
// ==/UserScript==

// 创建样式
const toastHandler = {
    create: function() {
        var style = document.createElement('style');
        style.innerHTML = `
@keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.toast_box {
    position: absolute;
    bottom: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    display: none;
}

.toast_box p {
    box-sizing: border-box;
    padding: 10px 20px;
    width: max-content;
    background: #707070;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 6px;
    opacity: 0.8;
}

.toliet {
    margin: 0 auto;
}`;

        // 将样式添加到 head 元素中
        document.head.appendChild(style);

        // 创建提示框
        var toastBox = document.createElement('div');
        toastBox.className = 'toast_box';
        toastBox.style.display = 'none';

        var toastText = document.createElement('p');
        toastText.id = 'toast';
        toastBox.appendChild(toastText);

        // 将提示框添加到 body 元素中
        document.body.appendChild(toastBox);
    },
    showToast: function (text, time) {
        var toast = document.getElementById('toast');
        var toastBox = document.getElementsByClassName('toast_box')[0];
        toast.innerHTML = text;
        toastBox.style.animation = 'show 1.5s';
        toastBox.style.display = 'inline-block';
        setTimeout(function() {
            toastBox.style.animation = 'hide 1.5s';
            setTimeout(function() {
                toastBox.style.display = 'none';
            }, 1400);
        }, time);
    }
}

toastHandler.create()