博客园个人博客动态js个人更新记录

提交模板

-- 日期修改人：修改js描述

代码：

示例：

2022年5月18日三号小玩家:博客园的点赞功能，去除掉页面点赞和点踩的点击事件

<script >
if(document.getElementsByClassName('diggit')[0]){
   document.getElementsByClassName('diggit')[0].style.display='none';
document.getElementsByClassName('buryit')[0].style.display='none';
var str=document.getElementById('digg_count').innerText;
 console.log(str);
 
  var ele3=document.createElement("div");
    ele3.innerHTML='<div style="position: fixed; bottom: 5px; width: 130px; height: 130px; right: 10px; border: 2px solid #6FA833; padding: 10px; background-color: #fff;">给我点赞333</div>';
document.body.appendChild(ele3);
 } 
</script>

2022年5月19日三号小玩家:博客园的点赞功能：防止右侧点赞框不显示，增加定时器

<script > 
 setInterval(function(){
         if(document.getElementsByClassName('diggit')[0]){
   document.getElementsByClassName('diggit')[0].style.display='none';
document.getElementsByClassName('buryit')[0].style.display='none';
var str=document.getElementById('digg_count').innerText;
 console.log(str);
 
  var ele3=document.createElement("div");
    ele3.innerHTML='<div style="position: fixed; bottom: 5px; width: 130px; height: 130px; right: 10px; border: 2px solid #6FA833; padding: 10px; background-color: #fff;">支持一下!</div>';
document.body.appendChild(ele3);
 } 
        },1000)
</script>

目前出现得问题，待修复，定时任务在页面停留超过1000+次，会出现页面变白得情况。[Violation] 'setInterval' handler took xxms

2022年6月29日13:13:35 三号小玩家:博客园新增灯笼两个，去除点赞所有操作

补充之前的，测公告栏

https://www.cnblogs.com/q1359720840/p/16419846.html

[![image](https://img2022.cnblogs.com/blog/1600001/202205/1600001-20220516112507138-2069589885.gif)](https://www.cnblogs.com/q1359720840/p/11427244.html "![image](https://img2022.cnblogs.com/blog/1600001/202205/1600001-20220516112507138-2069589885.gif)")

2022年6月29日增加不显示底部广告页脚部分的css位置

  
#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {
    display:none; !important
}

2022年6月29日增加微信支付宝赞赏功能-html页脚

<!-- tctip 支付赞赏/打赏 -->
<script type="text/javascript" src="//files.cnblogs.com/files/enjoy233/tctip-1.0.3.min.js"></script> <!-- js文件引入 -->
<script>
    new tctip({
        top: '20%',
        button: {
            id: 1,
            type: 'zanzhu',
        },
        list: [
            {
                type: 'alipay',
                qrImg: 'https://images.cnblogs.com/cnblogs_com/q1359720840/2181756/o_220629061522_Snipaste_2022-06-29_14-14-49.png' //替换成自己的支付宝付款码
            }, {
                type: 'wechat',
                qrImg: 'https://images.cnblogs.com/cnblogs_com/q1359720840/2181756/o_220629061327_Snipaste_2022-06-29_14-12-19.png' //替换成自己的微信付款码
            }
        ]
    }).init()
</script>

2022年6月29日新增隐藏编辑推荐和最新新闻以及推荐的文字广告

#cnblogs_ch,#under_post_card1,#under_post_card2{
    display:none; !important
}

2022年6月29日修改登录的透明度 0.3省的影响注意力

.deng-box {
        position: fixed;
        top: -20px;
        right: 1400px;
        z-index: 9999;
        pointer-events: none;
		opacity:0.3;
    }
 
    .deng-box1 {
        position: fixed;
        top: -20px;
        right: 10px;
        z-index: 9999;
        pointer-events: none;
		opacity:0.3;
    }

2022年6月29日 body增加背景图，每日一换

https://api.mfstudio.cc/bing/

<style>
#site_nav_under {
display: none;
}
.c_ad_block, .ad_text_commentbox {
display: none;
margin: 0;
padding: 0;
}
#ad_under_google {
height: 0;
overflow: hidden;
}
#ad_under_google a {
display: none;
}
#home {
margin: 0 auto;
 65%;
min- 950px;
background-color: #fff;
padding: 30px;
margin-top: 30px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
#home {
margin: 0 auto;
opacity: 0.8;
 65%;
min- 1080px;
background-color: #fff;
padding: 30px;
margin-top: 50px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
#blogTitle {
height: 60px;
clear: both;
}
#navigator {
font-size: 13px;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
height: 50px;
clear: both;
margin-top: 25px;
}
#blogTitle h2 {
font-weight: normal;
font-size: 18px;
font-size: 1.18571429rem;
line-height: 2.546153846;
color: #757575;
float: left;
}

body{
background-image:url(https://api.mfstudio.cc/bing/);
background-repeat:no-repeat;
background-size：cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-attachment: fixed;
filter:alpha(opacity=1); -moz-opacity:0.001; -khtml-opacity: 0.001; opacity: 10000;z-index:99999;
}

</style>

2022年6月29日去除头部尾部的背景图片

<style>
#footer{background-image:none}
#mainContent .forFlow {background-image:none}
</style>

撤销背景图，修改主页title大小背景色间隔等

 #navList a{
    margin-right: 66px;
	 color: #dc8f03;
    font-size: 35px;
}

修改底部顶部，下一页

#homepage_top_pager{
    display:none
}
.pager,#nav_next_page a {
     text-align: -webkit-center;
    margin-right: 30px;
	font-size: 20px;
	    color: #dc8f03;

}
#nav_next_page a{
    border:1px solid #9aafe5;
    margin:0 2px;
    padding:2px 5px;
}
.topicListFooter {
    text-align: -webkit-center;}

2023年5月6日相应号召，将博客园js整体还原

侧边栏

[![image](https://img2022.cnblogs.com/blog/1600001/202205/1600001-20220516112507138-2069589885.gif)](https://www.cnblogs.com/q1359720840/p/17325444.html"![image](https://img2022.cnblogs.com/blog/1600001/202205/1600001-20220516112507138-2069589885.gif)")
<a href="https://www.google.com/?hl=zh-CN"><img src="https://images.cnblogs.com/cnblogs_com/q1359720840/2181756/o_230214053444_2023-02-14%2013-34-22%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE.png" style="width:400px; height:400px;"  alt="我的微信" /></a>

页脚

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="deng-box denglong">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b">
                <div class="deng-t">搞</div>
            </div>
        </div>
        <div class="shui shui-a">
            <div class="shui-c"></div>
            <div class="shui-b"></div>
        </div>
    </div>
</div>
<div class="deng-box1 denglong">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b">
                <div class="deng-t">钱</div>
            </div>
        </div>
        <div class="shui shui-a">
            <div class="shui-c"></div>
            <div class="shui-b"></div>
        </div>
    </div>
</div>


<style>
#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb,#cnblogs_ch,#under_post_card1,#under_post_card2,#header{
    display:none; !important
}
    .deng-box {
        position: fixed;
        top: -20px;
        right: 1600px;
        z-index: 9999;
        pointer-events: none;
        opacity:0.6;
    }
 
    .deng-box1 {
        position: fixed;
        top: -20px;
        right: 10px;
        z-index: 9999;
        pointer-events: none;
        opacity:0.6;
    }
 
    .deng-box1 .deng {
        position: relative;
        width: 120px;
        height: 90px;
        margin: 50px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.8);
        border-radius: 50% 50%;
        -webkit-transform-origin: 50% -100px;
        -webkit-animation: swing 5s infinite ease-in-out;
        box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);
    }
 
    .deng {
        position: relative;
        width: 120px;
        height: 90px;
        margin: 50px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.8);
        border-radius: 50% 50%;
        -webkit-transform-origin: 50% -100px;
        -webkit-animation: swing 3s infinite ease-in-out;
        box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
    }
 
    .deng-a {
        width: 100px;
        height: 90px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.1);
        margin: 12px 8px 8px 10px;
        border-radius: 50% 50%;
        border: 2px solid #dc8f03;
    }
 
    .deng-b {
        width: 45px;
        height: 90px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.1);
        margin: -2px 8px 8px 26px;
        border-radius: 50% 50%;
        border: 2px solid #dc8f03;
    }
 
    .xian {
        position: absolute;
        top: -20px;
        left: 60px;
        width: 2px;
        height: 20px;
        background: #dc8f03;
    }
 
    .shui-a {
        position: relative;
        width: 5px;
        height: 20px;
        margin: -5px 0 0 59px;
        -webkit-animation: swing 4s infinite ease-in-out;
        -webkit-transform-origin: 50% -45px;
        background: #ffa500;
        border-radius: 0 0 5px 5px;
    }
 
    .shui-b {
        position: absolute;
        top: 14px;
        left: -2px;
        width: 10px;
        height: 10px;
        background: #dc8f03;
        border-radius: 50%;
    }
 
    .shui-c {
        position: absolute;
        top: 18px;
        left: -2px;
        width: 10px;
        height: 35px;
        background: #ffa500;
        border-radius: 0 0 0 5px;
    }
 
    .deng:before {
        position: absolute;
        top: -7px;
        left: 29px;
        height: 12px;
        width: 60px;
        content: " ";
        display: block;
        z-index: 999;
        border-radius: 5px 5px 0 0;
        border: solid 1px #dc8f03;
        background: #ffa500;
        background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    }
 
    .deng:after {
        position: absolute;
        bottom: -7px;
        left: 10px;
        height: 12px;
        width: 60px;
        content: " ";
        display: block;
        margin-left: 20px;
        border-radius: 0 0 5px 5px;
        border: solid 1px #dc8f03;
        background: #ffa500;
        background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    }
 
    .deng-t {
        font-family: 华文行楷, Arial, Lucida Grande, Tahoma, sans-serif;
        font-size: 3.2rem;
        color: #dc8f03;
        font-weight: bold;
        line-height: 85px;
        text-align: center;
    }
 
    .night .deng-t,
    .night .deng-box,
    .night .deng-box1 {
        background: transparent !important;
    }
 
    @-moz-keyframes swing {
        0% {
            -moz-transform: rotate(-10deg)
        }
 
        50% {
            -moz-transform: rotate(10deg)
        }
 
        100% {
            -moz-transform: rotate(-10deg)
        }
    }
 
    @-webkit-keyframes swing {
        0% {
            -webkit-transform: rotate(-10deg)
        }
 
        50% {
            -webkit-transform: rotate(10deg)
        }
 
        100% {
            -webkit-transform: rotate(-10deg)
        }
    }
</style>

<!-- tctip 支付赞赏/打赏 -->
<script type="text/javascript" src="//files.cnblogs.com/files/enjoy233/tctip-1.0.3.min.js"></script> <!-- js文件引入 -->
<script>
    new tctip({
        top: '20%',
        stat:false,
        button: {
            id: 3,
            type: 'zanzhu',
        },
        list: [
            {
                type: 'alipay',
                qrImg: 'https://images.cnblogs.com/cnblogs_com/q1359720840/2181756/o_220629061522_Snipaste_2022-06-29_14-14-49.png' //替换成自己的支付宝付款码
             //替换成自己的微信付款码
            }, {
                type: 'wechat',
                qrImg: 'https://images.cnblogs.com/cnblogs_com/q1359720840/2181756/o_220629061327_Snipaste_2022-06-29_14-12-19.png' //替换成自己的微信付款码
               //替换成自己的微信付款码
            } 
        ]
    }).init()

</script>

<style>
     #navList a{
    margin-right: 66px;
	 color: #dc8f03;
    font-size: 35px;
}
#homepage_top_pager{
    display:none
}
.pager,#nav_next_page a {
     text-align: -webkit-center;
    margin-right: 30px;
	font-size: 20px;
	    color: #dc8f03;

}
#nav_next_page a{
    border:1px solid #9aafe5;
    margin:0 2px;
    padding:2px 5px;
}
.topicListFooter {
    text-align: -webkit-center;}
</style>


</body>
</html>

2023年5月10日，修改为：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="deng-box denglong">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b">
                <div class="deng-t">搞</div>
            </div>
        </div>
        <div class="shui shui-a">
            <div class="shui-c"></div>
            <div class="shui-b"></div>
        </div>
    </div>
</div>
<div class="deng-box1 denglong">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b">
                <div class="deng-t">钱</div>
            </div>
        </div>
        <div class="shui shui-a">
            <div class="shui-c"></div>
            <div class="shui-b"></div>
        </div>
    </div>
</div>


<style>
 
    .deng-box {
        position: fixed;
        top: -20px;
        right: 1600px;
        z-index: 9999;
        pointer-events: none;
        opacity:0.6;
    }
 
    .deng-box1 {
        position: fixed;
        top: -20px;
        right: 10px;
        z-index: 9999;
        pointer-events: none;
        opacity:0.6;
    }
 
    .deng-box1 .deng {
        position: relative;
        width: 120px;
        height: 90px;
        margin: 50px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.8);
        border-radius: 50% 50%;
        -webkit-transform-origin: 50% -100px;
        -webkit-animation: swing 5s infinite ease-in-out;
        box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);
    }
 
    .deng {
        position: relative;
        width: 120px;
        height: 90px;
        margin: 50px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.8);
        border-radius: 50% 50%;
        -webkit-transform-origin: 50% -100px;
        -webkit-animation: swing 3s infinite ease-in-out;
        box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
    }
 
    .deng-a {
        width: 100px;
        height: 90px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.1);
        margin: 12px 8px 8px 10px;
        border-radius: 50% 50%;
        border: 2px solid #dc8f03;
    }
 
    .deng-b {
        width: 45px;
        height: 90px;
        background: #d8000f;
        background: rgba(216, 0, 15, 0.1);
        margin: -2px 8px 8px 26px;
        border-radius: 50% 50%;
        border: 2px solid #dc8f03;
    }
 
    .xian {
        position: absolute;
        top: -20px;
        left: 60px;
        width: 2px;
        height: 20px;
        background: #dc8f03;
    }
 
    .shui-a {
        position: relative;
        width: 5px;
        height: 20px;
        margin: -5px 0 0 59px;
        -webkit-animation: swing 4s infinite ease-in-out;
        -webkit-transform-origin: 50% -45px;
        background: #ffa500;
        border-radius: 0 0 5px 5px;
    }
 
    .shui-b {
        position: absolute;
        top: 14px;
        left: -2px;
        width: 10px;
        height: 10px;
        background: #dc8f03;
        border-radius: 50%;
    }
 
    .shui-c {
        position: absolute;
        top: 18px;
        left: -2px;
        width: 10px;
        height: 35px;
        background: #ffa500;
        border-radius: 0 0 0 5px;
    }
 
    .deng:before {
        position: absolute;
        top: -7px;
        left: 29px;
        height: 12px;
        width: 60px;
        content: " ";
        display: block;
        z-index: 999;
        border-radius: 5px 5px 0 0;
        border: solid 1px #dc8f03;
        background: #ffa500;
        background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    }
 
    .deng:after {
        position: absolute;
        bottom: -7px;
        left: 10px;
        height: 12px;
        width: 60px;
        content: " ";
        display: block;
        margin-left: 20px;
        border-radius: 0 0 5px 5px;
        border: solid 1px #dc8f03;
        background: #ffa500;
        background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    }
 
    .deng-t {
        font-family: 华文行楷, Arial, Lucida Grande, Tahoma, sans-serif;
        font-size: 3.2rem;
        color: #dc8f03;
        font-weight: bold;
        line-height: 85px;
        text-align: center;
    }
 
    .night .deng-t,
    .night .deng-box,
    .night .deng-box1 {
        background: transparent !important;
    }
 
    @-moz-keyframes swing {
        0% {
            -moz-transform: rotate(-10deg)
        }
 
        50% {
            -moz-transform: rotate(10deg)
        }
 
        100% {
            -moz-transform: rotate(-10deg)
        }
    }
 
    @-webkit-keyframes swing {
        0% {
            -webkit-transform: rotate(-10deg)
        }
 
        50% {
            -webkit-transform: rotate(10deg)
        }
 
        100% {
            -webkit-transform: rotate(-10deg)
        }
    }
</style>

<!-- tctip 支付赞赏/打赏 -->
<script type="text/javascript" src="//files.cnblogs.com/files/enjoy233/tctip-1.0.3.min.js"></script> <!-- js文件引入 -->
<script>
    new tctip({
        top: '20%',
        stat:false,
        button: {
            id: 3,
            type: 'zanzhu',
        },
        list: [
            {
                type: 'alipay',
                qrImg: 'https://images.cnblogs.com/cnblogs_com/q1359720840/2181756/o_220629061522_Snipaste_2022-06-29_14-14-49.png' //替换成自己的支付宝付款码
             //替换成自己的微信付款码
            }, {
                type: 'wechat',
                qrImg: 'https://images.cnblogs.com/cnblogs_com/q1359720840/2181756/o_220629061327_Snipaste_2022-06-29_14-12-19.png' //替换成自己的微信付款码
               //替换成自己的微信付款码
            } 
        ]
    }).init()

</script>

<style>
     #navList a{
    margin-right: 66px;
	 color: #dc8f03;
    font-size: 35px;
}
#homepage_top_pager{
    display:none
}
.pager,#nav_next_page a {
     text-align: -webkit-center;
    margin-right: 30px;
	font-size: 20px;
	    color: #dc8f03;

}
#nav_next_page a{
    border:1px solid #9aafe5;
    margin:0 2px;
    padding:2px 5px;
}
.topicListFooter {
    text-align: -webkit-center;}
</style>


</body>
</html>

2023年5月15日增加悬挂猫

<!-- 悬挂的喵 -->
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/fsh001/szgotop.js"></script>
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/fsh001/szgotop.css" />
<div class="back-to-top cd-top faa-float animated cd-is-visible" style="top: -999px;"></div>

2023年6月7日增加鼠标特效

可以新建js文件存放到自己的博客园文件里防止源文件被删除
*该文件依赖于Jquery
使用方法
https://blog-static.cnblogs.com/files/q1359720840/mouse.min.js?t=1686127449&download=true

    $.shuicheMouse({
        type:12,
        color:"rgba(187,67,128,1)"
    })

posted @ 2022-05-18 10:14 三号小玩家阅读(282) 评论(1) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

三号小玩家

博客园个人博客动态js个人更新记录

博客园个人博客动态js个人更新记录

提交模板

2023年5月15日增加悬挂猫

2023年6月7日增加鼠标特效

国之殇，未敢忘！

南京大屠杀!

731部队!

以及核污染水排海等一系列全无人性的操作，购买他们的食品和为它们提供帮助只会更加变本加厉的害你，呼吁大家不要购买日本相关产品

昭昭前事，惕惕后人

吾辈当自强，方使国不受他人之侮！

公告

三号小玩家

博客园个人博客动态js个人更新记录

博客园个人博客动态js个人更新记录

提交模板

2023年5月15日 增加悬挂猫

2023年6月7日 增加鼠标特效

公告

2023年5月15日增加悬挂猫

2023年6月7日增加鼠标特效