博客园个人博客动态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
[](https://www.cnblogs.com/q1359720840/p/11427244.html "")
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增加背景图,每日一换
<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整体还原
侧边栏
[](https://www.cnblogs.com/q1359720840/p/17325444.html"") <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)" })
---------------------------------------------------------------------------
国之殇,未敢忘!
南京大屠杀!
731部队!
(有关书籍《恶魔的饱食》)以及核污染水排海等一系列全无人性的操作,购买他们的食品和为它们提供帮助只会更加变本加厉的害你,呼吁大家不要购买日本相关产品
昭昭前事,惕惕后人
吾辈当自强,方使国不受他人之侮!
---------------------------------------------------------------------------
作者:三号小玩家
出处:https://www.cnblogs.com/q1359720840/
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。 版权信息
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库