Бегущий статус пользователя - left

Добавляет анимацию бегущей строки к статусу пользователя

目前為 2024-08-22 提交的版本，檢視最新版本。

安裝腳本 ?

換行

// ==UserScript==
// @name         Бегущий статус пользователя - left
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Добавляет анимацию бегущей строки к статусу пользователя
// @author       Alderson
// @match        https://zelenka.guru/*
// @match        https://lolz.live/*
// @match        https://lolz.guru/*
// @match        https://lzt.market/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=zelenka.guru
// @grant GM_setValue
// @grant GM_getValue
// @grant GM.setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @grant GM.deleteValue
// @namespace http://tampermonkey.net/
// ==/UserScript==

(function() {
    'use strict';

    // Добавление стилей для анимации бегущей строки
    const style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = `
        @keyframes marquee {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }
        .marquee {
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            box-sizing: border-box;
        }
        .marquee span {
            display: inline-block;
            padding-right: 100%;
            animation: marquee 15s linear infinite;
        }
    `;
    document.head.appendChild(style);

    // Находим элемент статуса и применяем к нему анимацию
    const userBlurb = document.querySelector('.userBlurb');
    if (userBlurb) {
        const text = userBlurb.innerHTML;
        userBlurb.innerHTML = `<div class="marquee"><span>${text}</span></div>`;
    }
})();

欢迎访问Greasy Fork镜像