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

博客园个人博客动态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 @   三号小玩家  阅读(293)  评论(1编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
Title
三号小玩家的 Mail: 17612457115@163.com, 联系QQ: 1359720840 微信: QQ1359720840

喜欢请打赏

扫描二维码打赏

支付宝打赏

点击右上角即可分享
微信分享提示