☰

Mini_Toast

轻提示，友好提示

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

  1. // ==UserScript==
  2. // @name         Mini_Toast
  3. // @version      1.0.6
  4. // @description  轻提示，友好提示
  5. // @author       Zosah
  6. // ==/UserScript==
  7.  
  8. class ToastHandler {
  9.     // 单例模式
  10.     constructor() {
  11.         if (ToastHandler.instance) {
  12.             ToastHandler.instance = this;
  13.         }
  14.         this.create();
  15.         return ToastHandler.instance;
  16.     }
  17.  
  18.     create() {
  19.         let style = document.createElement('style');
  20.         style.innerHTML = `
  21.         @keyframes show {
  22.             0% {
  23.                 opacity: 0;
  24.             }
  25.             100% {
  26.                 opacity: 1;
  27.             }
  28.         }
  29.         
  30.         @keyframes hide {
  31.             0% {
  32.                 opacity: 1;
  33.             }
  34.             100% {
  35.                 opacity: 0;
  36.             }
  37.         }
  38.         
  39.         .toast_box {
  40.             position: fixed;
  41.             bottom: 50%;
  42.             left: 50%;
  43.             z-index: 9999;
  44.             transform: translate(-50%, -50%);
  45.             display: none;
  46.         }
  47.         
  48.         .toast_box p {
  49.             box-sizing: border-box;
  50.             padding: 10px 20px;
  51.             width: max-content;
  52.             background: #707070;
  53.             color: #fff;
  54.             font-size: 16px;
  55.             text-align: center;
  56.             border-radius: 6px;
  57.             opacity: 0.8;
  58.         }
  59.         
  60.         .toliet {
  61.             margin: 0 auto;
  62.         }`;
  63.  
  64.         // 将样式添加到 head 元素中
  65.         document.head.appendChild(style);
  66.  
  67.         // 创建提示框
  68.         let toastBox = document.createElement('div');
  69.         toastBox.className = 'toast_box';
  70.         toastBox.style.display = 'none';
  71.  
  72.         let toastText = document.createElement('p');
  73.         toastText.id = 'toast';
  74.         toastBox.appendChild(toastText);
  75.  
  76.         // 将提示框添加到 body 元素中
  77.         document.body.appendChild(toastBox);
  78.     }
  79.     
  80.     showToast(text, time) {
  81.         let toast = document.getElementById('toast');
  82.         let toastBox = document.getElementsByClassName('toast_box')[0];
  83.         toast.innerHTML = text;
  84.         toastBox.style.animation = 'show 0.5s';
  85.         toastBox.style.display = 'inline-block';
  86.         setTimeout(function () {
  87.             toastBox.style.animation = 'hide 1s';
  88.             setTimeout(function () {
  89.                 toastBox.style.display = 'none';
  90.             }, 800);
  91.         }, time);
  92.     }
  93. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址