Mini_Toast

轻提示，友好提示

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

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/490343/1346126/Mini_Toast.js

换行

// ==UserScript==
// @name         Mini_Toast
// @version      1.0.1
// @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()

欢迎访问Greasy Fork镜像