用于csdn博客阅读时内容区域扩大
Stan na
// ==UserScript==
// @name CSDN Reading mode togger
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 用于csdn博客阅读时内容区域扩大
// @author 宏斌
// @match https://blog.csdn.net/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
const okBtn = document.createElement('button');
okBtn.id = 'ReadingMode';
okBtn.setAttribute('class','option-box');
okBtn.innerText = 'R'
// $(".blog-content-box").append(okBtn);
$('.csdn-side-toolbar').append(okBtn);
$("#ReadingMode").css({ width: '44px',height:'44px','border-radius':'22px','background-color':'#fff','font-size':'25px','color':'#ccc','box-shadow': '0 2px 4px 0 rgb(0 0 0 / 5%)','margin-top':'8px' });
const mystyles = document.createElement('style');
mystyles.type = 'text/css';
$("head").append(mystyles);
$("#mainBox").css("transition","width 0.3s linear");
$("#rightAside").css("transition","width 0.3s linear");
mystyles.innerHTML = `.fillWidth{width: 100% !important} .zeroWidth{width: 0 !important}`;
$("#ReadingMode").on('click',() => {
$("#mainBox").toggleClass('fillWidth');
$('main').toggleClass('fillWidth');
$("#rightAside").toggleClass("zeroWidth");
})
})();