Script for Roblox Status (CSS)

Use this with my userstyle: https://userstyles.world/api/style/4519.user.css

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Script for Roblox Status (CSS)
// @namespace    http://tampermonkey.net/
// @version      0.1.2
// @description  Use this with my userstyle: https://userstyles.world/api/style/4519.user.css
// @author       cocngk
// @match        http://status.roblox.com/*
// @require      http://code.jquery.com/jquery-3.4.1.min.js
// @icon         https://www.google.com/s2/favicons?sz=64&domain=roblox.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // Sticky bar
    $(window).scroll(function(e){
  var $el = $('#statusio_status_bar');
  var isPositionFixed = ($el.css('position') == 'fixed');
  if ($(this).scrollTop() > 200 && !isPositionFixed){
    $el.css({'position': 'fixed', 'top': '0px'});
  }
  if ($(this).scrollTop() < 200 && isPositionFixed){
    $el.css({'position': 'static', 'top': '0px'});
  }
        $('.panel').mouseenter(function(){
  $('.panel').css('filter','blur(5px)'); // Blurs each .blur div
  $('.panel').css('z-index',-1);
  $(this).css('filter','blur(0px)'); // Removes blur from the currently hovered .blur div
            $(this).css('z-index',1);
  $('#statusio_status_bar').css('filter','blur(0px)');
            $('#statusio_status_bar').hide();
})
$('.panel').mouseleave(function(){
  $('.panel').css('filter','blur(0px)'); // Removes blur from all when none are hovered
  $('.panel').css('z-index',1);
    $('#statusio_status_bar').show();
})
});
})();