☰

一键隐藏csdn搜索框!

按下按钮一键隐藏csdn搜索框，帮您沉浸式学习当前页面内容

目前为 2022-03-24 提交的版本。查看 最新版本。

// ==UserScript==
// @name        一键隐藏csdn搜索框!
// @namespace    http://tampermonkey.net/
// @version      0.21
// @description  按下按钮一键隐藏csdn搜索框，帮您沉浸式学习当前页面内容
// @author       Onion
// @include      *://blog.csdn.net/*/article/details/*
// @include      *.blog.csdn.net/article/details/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';
    var button = document.createElement("button"); //创建一个按钮
    button.textContent = "隐藏"; //按钮内容
    button.style.width = "80px"; //按钮宽度
    button.style.height = "28px"; //按钮高度
    button.style.align = "center"; //居中
    button.style.color = "#white"; //按钮文字颜色
    button.style.background = "#RRGGBB"; //按钮底色
    button.addEventListener("click", clickButton)

    function clickButton(){
        setTimeout(function(){
            document.getElementById('toolbar-search-input').style.visibility='hidden';
            document.getElementById('toolbar-search-button').style.visibility='hidden';
        },100);// 100ms后执行
    }


    var toolboxclass = document.getElementsByClassName('toolbox-list')[0];
    toolboxclass.appendChild(button);
})();
// document.getElementById('nav-searchform').style.visibility='hidden';