界面优化

各种奇奇怪怪的界面优化

目前為 2020-04-06 提交的版本,檢視 最新版本

// ==UserScript==
// @name                   界面优化
// @namespace              http://tampermonkey.net/
// @version                1.0.0.9
// @description            各种奇奇怪怪的界面优化
// @author                 YiJie
// @create                 2020-04-05
// @match                  https://www.baidu.com/
// @require                https://code.jquery.com/jquery-1.10.2.min.js
// @require                https://cdn.jsdelivr.net/npm/[email protected]/dist/AIO/notiflix-aio-2.1.2.min.js
// @grant                  GM_setValue
// @grant                  GM_getValue
// @grant                  GM_deleteValue
// ==/UserScript==
(function() {
    'use strict';
    var scriptInfo = {
        "name":"界面优化",
        "description":"各种奇奇怪怪的界面优化",
        "author":"YiJie",
        "create":"2020-04-05",
        "version":"1.0.0.6",
        "greasyforkURL":"https://greasyfork.org/zh-CN/scripts/399630-%E7%95%8C%E9%9D%A2%E4%BC%98%E5%8C%96",
    };
    GM.setValue = GM_setValue;
    GM.getValue = GM_getValue;
    GM.deleteValue = GM_deleteValue;
    console.clear();
    console.log("百度界面优化");

     Notiflix.Notify.Init({ closeButton:true,position:"left-top", });
    document.head.appendChild($('<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">')[0]);

    var imgSrcList = [
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/109102/10/11602/2078533/5e8a9efcE3dbd7188/f4c30be2b0d2fd61.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/102530/22/17587/2796415/5e8a9efcE07c76b38/d2e94e8cd4dba640.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/91101/7/17655/2626528/5e8a9efbE14b37c06/ec878e5182323a50.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/91573/35/17576/2626528/5e8a9ef8E090470a0/9418db7571d6fddc.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/103814/25/17682/1865827/5e8a9ef7E65128b8e/34ac83b5e3772619.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/92305/24/17542/1438179/5e8a9ee5Eca43e7be/0217fbe2fab829a0.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/113577/10/320/713889/5e8a9ee0Ef93dd670/cf6076544d62c0eb.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/107786/37/11536/2796415/5e8a9ed7E497a313e/f3ce2bcbc49151a8.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/86018/6/17661/153897/5e8a9ecbE7f31abaa/f6cbb785b6b306bf.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/117711/29/324/104293/5e8a9ecbEe5c94d72/1960887762a2aa02.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/103095/22/17494/66801/5e8a9ecbE6cf0b002/2b6388e6d2b852f4.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/118269/1/317/63110/5e8a9ecbEbab3dbbf/9b097034074b0060.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/103080/35/17809/99071/5e8a9ecbE95f6c668/a4a062afdb3111bb.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/104403/1/17693/147417/5e8a9eb2E8a061189/47beea29667b5bd2.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/95499/6/17443/34291/5e8a9eb2E79247a4a/0813bd831a7e85df.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/118015/10/300/45845/5e8a9eb2E6bc07770/57e9d05ef376dc53.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/102437/22/17591/15670/5e8a9eb2E9a658687/84be209b78df203a.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/115099/20/325/629657/5e8a9eacEff90dd1f/8f74e726a706ce0a.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/110280/11/11417/702510/5e8a9eacE9a89eb37/9ec88bb10b15dbe5.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/103205/7/17627/812191/5e8a9eaaE0702bc58/4f05e9316945cf9b.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/115295/4/300/147417/5e8a9ea9E90184eb4/c821f2221ce5b497.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/118785/33/334/15670/5e8a9ea9E1d565703/0b0256027bc932a1.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/113674/11/318/281618/5e8a9ea9Ebcdef47e/43f7be9e2c23bffd.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/104223/34/17685/249588/5e8a9ea8Ecde05776/c1121ed237189ad3.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/105674/39/17727/53831/5e8a9ea8E4e60c1de/1b8a6826b0805248.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/91664/25/17755/68840/5e8a9ea7Ef7dae624/0d2fb6ca6c1a4732.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/102693/22/17678/1779953/5e8a9e97E217b9546/16b7cf0ea0c5b5f3.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/108490/35/11410/333281/5e8a9e95Eddd3f5c4/fad2606b9da8178e.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/88457/4/17755/1287282/5e8a9e95Ebc9d0d4c/c74e4df955dc46b8.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/118299/7/326/447471/5e8a9e91E575de5b7/70ee62b95f1afa6e.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/111757/14/341/544550/5e8a9e91E56780dce/c9adc1b70807a6df.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/93430/19/17563/1130907/5e8a9e8dE0b9d134f/72e32660c5935dda.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/89026/15/17758/175077/5e8a9e8cEec0fcda9/0c52ce1c30be678e.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/118880/14/300/568586/5e8a9e80E3dad5259/6b163e35a8d2b303.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/86604/31/17775/297714/5e8a9e81E371684e7/136956f7c934e322.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/102023/3/17594/202898/5e8a9e80Ee91c806b/4be20cef9afbc3d0.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/109704/19/11336/775162/5e8a9e80Ea8f77dbc/ec40433f038c7956.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/110646/32/11370/240222/5e8a9e7fEa9acd589/419fca8df166e8e6.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/107848/5/11437/1544441/5e8a9e76Eeca8572e/a1a37e014f9cdd9d.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/110558/40/11415/1589360/5e8a9e71E86965664/da5ef120a92b77b0.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/115350/5/314/923177/5e8a9e72E9e132027/31b0c5b192344687.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/99655/2/17811/254165/5e8a9e6dE1c878aca/3a41a47f4bef952f.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/111025/31/304/172268/5e8a9e6dE7a71acd9/0b9f54c136f52dc3.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/95933/15/17601/38389/5e8a9e6cEe692a70d/41706e826461a5b5.png",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/114006/23/304/723677/5e8a9e41E09398de3/b22a91f83477496a.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/109114/35/11663/594932/5e8a9e40E462d7898/de65ecc5db87ff70.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/108198/34/11468/495367/5e8a9e40E2227db35/4c0f2aeda4875fef.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/114238/16/286/169306/5e8a9e3fE602e00be/6904942d600283f3.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/94542/36/17592/218647/5e8a9e3fEac9e2a7a/dec9fc15610c8d98.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/99527/18/17731/653576/5e8a9e3dEeab19a42/a8dcb493113649c1.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/115486/14/308/818657/5e8a9e3dEe6034e2f/a339485b0cb3f939.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/113305/2/302/1081556/5e8a9e3bEa3e26431/b1fb97c5a8ba34bf.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/96375/12/17699/1058704/5e8a9e3bE5ad6068d/aa0302ef55b427b4.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/98301/3/17662/815892/5e8a9e3aEe6479dfa/2668d7cd8646be16.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/107596/33/11450/347320/5e8a9e39E06e82889/7885bde76aa2334a.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/96869/6/17684/280168/5e8a9e36Eecff3347/3eb8b01cb1f61d3f.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/84824/12/17662/839301/5e8a9e32E69ed08a8/d905f11856d1941b.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/115730/34/289/1391978/5e8a9e31E3acef28d/f749d388681c4de8.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/106186/29/17674/661489/5e8a9e2fEb9961c83/fb8e14b6c81fe062.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/113194/13/333/517912/5e8a9e2dEc2f38da0/5b60b344976386e2.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/100946/7/17811/386801/5e8a9e2dEf8b89329/beb3a2ce2eacdc26.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/112174/24/319/398750/5e8a9e2cE41fe3020/c060b944deaa652d.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/110644/26/11381/763549/5e8a9e2bEf667531d/715133e6f511b0bd.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/116153/4/311/876780/5e8a9e03E3e855c4d/5805404fc92c06da.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/88909/2/17709/1316174/5e8a9e02Eebb4cb1e/effc944ae31cb874.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/112937/16/303/739530/5e8a9e00E653b6d13/24150a64618c43d4.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/102551/23/17871/419252/5e8a9dffE4555e57d/7bf7689f2bfde226.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/99376/32/17529/179156/5e8a9dffE170fefb8/2e864def2c747252.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/95116/35/17793/1022960/5e8a9dfbEaeca7c38/4908a39856afebc1.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/90503/27/17542/1242939/5e8a9dfaE83b8fdef/467603d2f878be9a.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/116600/7/308/171667/5e8a9df9Ee406ed6a/6bcd7f413cc163eb.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/95731/5/17694/553691/5e8a9df7E4335ea66/ddbf5e05fee7ab73.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/90230/18/17759/144999/5e8a9df7Ea5bdf75a/39b6459218adef7f.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/117320/28/292/162979/5e8a9df6E247cc04b/8afd11737ca4e10d.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/113220/7/312/137925/5e8a9df5E3679d6b2/9795beadc4e8b311.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/115870/16/276/674524/5e8a9deaE8105dd75/539e58808ed03402.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/91741/39/17634/153019/5e8a9deaEdf46abaa/fdbc7bb06003fb71.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/115440/22/318/1146940/5e8a9deaE46fb8bdb/8e9b73ea16b7a8af.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/107829/29/11361/145834/5e8a9de8E01a43804/f29e16f3e075cab5.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/106995/5/17679/144591/5e8a9de8Ed9c45741/4f5a3ba928fbcd16.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/97074/29/17770/148587/5e8a9de8E3fc25809/4746633125dae44a.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/88341/9/17550/146991/5e8a9de8Ec0225b66/1c3fa0cb5f80bd37.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/104749/35/17749/1182198/5e8a9ddaEd1dd7d90/7ab73b72cc1be049.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/86029/16/17861/1076106/5e8a9dd8E9c74b7a2/d323d86be464f851.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/111285/40/308/150995/5e8a9dd8E933d36ad/87eca568b36266bc.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/119009/25/326/228697/5e8a9dd7E918a05a0/2a3bea3086570618.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/97641/31/17547/173117/5e8a9dd7E6be1144c/0afa1a77911de727.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/90494/3/17700/70674/5e8a9dd7E374695ac/60427eb5e2ed0ad6.jpg",
        "http://free-cn-01.cdn.bilnn.com/ddimg/jfs/t1/115002/26/317/46614/5e8a9dd6Eed20bcfd/bbe9da2e9833cba2.jpg",
    ];
    function cssToObj(css) {
        var regex = /([\w-]*)\s*:\s*([^;]*)/g;
        var match, properties={};
        while(match=regex.exec(css)) properties[match[1]] = match[2].trim();
        return properties;
    }
    function setBackgroundImg(sel){
        if(sel==-1) sel = Math.round(Math.random()*imgSrcList.length);
        let img=new Image();
        img.src=imgSrcList[sel];
        img.onload=function(){
            $('#head').css({
                "background-position": "center",
                "background-color": "black",
                "background-size": "100%",
                "background-repeat": "repeat-y",
                "background-image":"url('"+imgSrcList[sel]+"')",
                "transition":"1s",
            });
            setTimeout(function(){
                $('#head').css({
                    "background-color": "white",
                });
            },1000);
        };
        GM.setValue("backImgSelect",sel);
    }
    function initView(){
    // 删除不必要的部分
        $('html').css(cssToObj("overflow:hidden;"));
        $('#su').css(cssToObj("display: none;"));
        $('div#u1').css(cssToObj("display: none;"));
        $('div#bottom_layer.s-bottom-layer').css(cssToObj("display: none;"));
        $('div#qrcodeCon').css(cssToObj("display: none;"));
        $('div#s_top_wrap').css(cssToObj("display: none;"));
        $('div#s_upfunc_menus').css(cssToObj("display: none;"));
        $('div#u_sp').css(cssToObj("display: none;"));
    // 设置自定义的logo
        $('#lg').css(cssToObj("display: none;"));
        $('body').append("\
        <div id='logoTitle' class='title'>\
            <span style='color: rgb(50, 100, 200);'>B</span>\
            <span style='color: rgb(70, 120, 220);'>a</span>\
            <span style='color: rgb(90, 140, 240);'>i</span>\
            <span style='color: rgb(50, 100, 200);'>d</span>\
            <span style='color: rgb(90, 140, 240);'>u</span>\
        </div>");
        $('#logoTitle').css(cssToObj("\
            position: fixed;\
            pointer-events:none;\
            top: 230px;\
            width: 100%;height: 100%;\
            color:black;\
            font-size: 80px;\
            font-weight: 600;\
            user-select: none;\
            text-align: center;\
            line-height: 300px;\
        "));
    // 搜索框样式
        $('#form .s_ipt_wr').css(cssToObj("\
            position: fixed;\
            top: calc(50% - 21px);left: calc(50% - 300px);\
            width: 600px;\
            border: 2px solid white;\
            border-radius: 30px;\
            overflow: hidden;\
            transition: 1s;\
        ")).hover(function(){
            $(this).css(cssToObj("\
                border-radius: 4px;\
                box-shadow: 0 0 20px white;\
            "));
        },function(){
            $(this).css(cssToObj("\
                border-radius: 30px;\
                box-shadow: 0 0 0 white;\
            "));
        });
        $('#form .s_ipt_wr input')
            .css(cssToObj("padding-left: 20px;color: white;over: white;border: none;background-color: rgba(0,0,0,0);transition: .5s;border: none;"))
            [0].oninput = function(){
    // 搜索框下方提示
            setTimeout(function(){
                $('#fm .bdsug').css(cssToObj("left: 40px;top: 175px;width: 560px;"));
                $('#form .bdsug').css(cssToObj("left: 40px;top: 175px;width: 560px;"));
            },100);
        };

        var selectNode = $("\
            <div class='selectNode'>\
                <i class='fa fa-refresh fa-3x'></i>\
                <div class='selectNode-nav'></div>\
            </div>\
        ").css(cssToObj("\
            position: fixed;\
            bottom: 20px;left: -25px;\
            width: 50px;height: 50px;\
            border-radius: 50%;\
            background-image: linear-gradient( 135deg, #3C8CE7 30%, #00EAFF 100%);\
            box-shadow: 0 0 30px white;\
            transition: .5s;\
        ")).hover(function(){
            this.isMouseout = false;
            $(this).css(cssToObj("\
                bottom: 20px;left: 20px;\
                transform: rotateZ(180deg);\
            "));
        },function(){
            var content = this;
            content.isMouseout = true;
            setTimeout(function(){
                if(content.isMouseout) $(content).css(cssToObj("\
                    bottom: 20px;left: -25px;\
                    transform: rotateZ(0deg);\
                "));
            },1000);
        });
        selectNode.find('.fa-refresh').css(cssToObj("\
            width: 100%;\
            color: rgb(250,250,250);\
            font-size: 25px;\
            text-align: center;\
            line-height: 50px;\
        ")).click(function(){
            setBackgroundImg(-1);
        });
        selectNode.find('.selectNode-nav').css(cssToObj("\
            position: absolute;\
            padding-left: 6px;\
            padding-right: 6px;\
            padding-top: 6px;\
            top: 70px;left: calc(50% - 18px);\
            width: 24px;\
        ")).append($("\
            <i title='有关本插件' class='fa fa-info fa-2x'></i>\
            <i title='插件设置' class='fa fa-cog fa-2x'></i>\
            <i title='添加新背景图' class='fa fa-plus fa-2x'></i>\
            <i title='查看当前背景大图' class='fa fa-image fa-2x'></i>\
            <i title='历史记录' class='fa fa-history fa-2x'></i>\
            <i title='分享给好友' class='fa fa-share-alt fa-2x'></i>\
        "));
        selectNode.find('.selectNode-nav').find('i').css(cssToObj("\
            margin-bottom: 16px;\
            width: 24px;\
            text-align: center;\
            color: gray;\
            transform: rotateZ(180deg);\
            transition: .5s;\
        ")).hover(function(){
            $(this).css(cssToObj("\
                color: white;\
            "));
        },function(){
            $(this).css("color","gray");
        });
        document.body.appendChild(selectNode[0]);
//         初始化左下角按钮列表
        (function(){
            Notiflix.Report.Init({ width:"420px",backgroundColor:"#ffffff",svgSize:"50px",titleFontSize:"20px",buttonFontSize:"16px", info: {svgColor:"#0fa1e5",buttonBackground:"#2aa5e8",}, });
            selectNode.find(".fa-info").click(function(){
                Notiflix.Report.Info( '关于本插件', '追求极简的快乐', '确认' );
                setTimeout(function(){
                    $('.notiflix-report-message').html('\
                        <h3>追求极简的快乐</h3>\
                        <h4>插件名:'+scriptInfo.name+'&nbsp;&nbsp;'+scriptInfo.version+'</h4>\
                        <h4>作者:'+scriptInfo.author+'</h4>\
                        <h4>创建时间:'+scriptInfo.create+'</h4>\
                        <h4>greasyfork<a href="'+scriptInfo.greasyforkURL+'">发布地址</a></h4>\
                    ');
                },100)
            });
            selectNode.find(".fa-cog").click(function(){
                Notiflix.Report.Warning( '插件设置-开发ing', '插件设置,努力开发ing', '确认' );
            });
            selectNode.find(".fa-plus").click(function(){
                Notiflix.Report.Warning( '新添背景-开发ing', '新添背景,努力开发ing', '确认' );
            });
            selectNode.find(".fa-image").click(function(){
                $('<a href="'+imgSrcList[GM.getValue('backImgSelect')]+'" download="CurrentBackgroundImg.png"></a>')[0].click();
            });
            selectNode.find(".fa-history").click(function(){
                Notiflix.Report.Warning( '历史记录-开发ing', '历史记录,努力开发ing', '确认' );
            });
            selectNode.find(".fa-share-alt").click(function(){
                Notiflix.Report.Warning( '分享-开发ing', '分享,努力开发ing', '确认' );
            });
        })();

        var thatWord = $("\
            <div class='thatWord'>\
                <div class='thatWord-content'></div>\
                <div class='thatWord-author'></div>\
            </div>\
        ").css(cssToObj("\
            position: fixed;\
            padding: 10px;\
            width: 300px;\
            bottom: 0;right: 0;\
            color: white;\
            user-select: none;\
            font-size: 18px;\
        "));
        thatWord
        .hover(function(){
            var content = this;
            this.copyX = $("<i title='复制文本内容' class='fa fa-copy fa-1x'></i>")
            .click(function(){
                const input = document.createElement('input');
                input.setAttribute('readonly', 'readonly');
                input.setAttribute('value', thatWord.find('.thatWord-content')[0].innerText);
                document.body.appendChild(input);
                input.setSelectionRange(0, 9999);
                input.select();
                if (document.execCommand('copy')) {
                    document.execCommand('copy');
                }
                document.body.removeChild(input);
                Notiflix.Notify.Success('复制成功');
            });
            thatWord.append(this.copyX);
        },function(){
            if(this.copyX){this.copyX.remove();}
        });
        thatWord.find('.thatWord-content').css(cssToObj("width: 100%;float: left;"))[0].innerText = "极致简约,极致设计";
        thatWord.find('.thatWord-author').css(cssToObj("float: right;")).html("—— 一介");
        thatWord.find('.fa-copy').css(cssToObj("position: absolute;top: 10px;right: 10px;"));
        document.body.appendChild(thatWord[0]);
    }

    initView();

//     GM.deleteValue("isFirst");
    if(typeof(GM.getValue("isFirst")) == "undefined"){
        var message = $("\
            <div class='message'>\
                <i class='fa fa-remove fa-1x'></i>\
                <div class='message-content'>点击可切换背景图</div>\
            </div>\
        ").css(cssToObj("\
            position: fixed;\
            top: 88%;left: 70px;\
            padding: 10px;\
            width: 150px;height: 24px;\
            border-radius: 20px 20px 20px 0px;\
            background-color: white;\
            transition: 1s;\
        "));
        message.find('i').css(cssToObj("\
            position: absolute;\
            top: 0px;right: 0px;\
            width: 24px;height: 24px;\
            color: rgb(250,50,50);\
            font-size: 16px;\
            text-align: center;\
            line-height: 24px;\
        ")).click(function(){
            GM.setValue("isFirst",true);
            message.css(cssToObj("opacity: 0;"));
            setTimeout(function(){
                message.remove();
            },1000);
        });
        message.find('.message-content').css(cssToObj("\
            position: absolute;\
            font-size: 16PX;\
        "));
        document.body.appendChild(message[0]);
    }

    if(typeof(GM.getValue("backImgSelect")) == "number"){
        setBackgroundImg(GM.getValue("backImgSelect"));
    }
    else{
        console.log(GM.getValue("backImgSelect"));
        setBackgroundImg(0);
    }
})();