本人博客园样式备份一-飘雪、看板娘、屏蔽底层广告、github角标、鼠标点击文字特效、烟花特效、
作者：互联网
页面定制CSS-飘雪特效、看板娘、屏蔽底层广告
/* 飘雪特效 */
#Snow{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
background: rgba(255,255,240,0.1);
pointer-events: none;
}
/* 看板娘 */
canvas#live2dcanvas {
border: 0 !important;
}
/*屏蔽底层广告*/
#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {
display:none; !important
}
公告栏-看板娘
1 <div class="Snow">
2 <canvas id="Snow"></canvas>
3 </div>
4 <script src="https://files.cnblogs.com/files/cn-suqingnian/snow.js"></script>
5
6 <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
7
8 <script>
9 L2Dwidget.init({
10 "model": { // 这里改模型，前面后面都要改
11 jsonPath: "https://unpkg.com/live2d-widget-model-shizuku/assets/shizuku.model.json",
12 "scale": 1
13 },
14 "display": { // 设置看板娘的上下左右位置
15 "position": "right",
16 "width": 130,
17 "height": 260,
18 "hOffset": 0,
19 "vOffset": -20
20 },
21 "mobile": {
22 "show": true,
23 "scale": 0.5
24 },
25 "react": { // 设置透明度
26 "opacityDefault": 0.7,
27 "opacityOnHover": 0.2
28 }
29 });
30 </script>
页首-github角标
<a href="https://github.com/qq840937370" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
页脚 鼠标特效
1 <script>
2 <!-- 鼠标点击特效 -->
3 var a_idx = 0;
4 $("body").click(function(e) {
5 var a = new Array("❤去活出你自己。❤","❤今天的好计划胜过明天的完美计划。❤",
6 "❤不要轻言放弃，否则对不起自己。❤","❤紧要关头不放弃，绝望就会变成希望。❤",
7 "❤如果不能改变结果，那就完善过程。❤","❤好好活就是干有意义的事，有意义的事就是好好活！❤",
8 "❤你真正是谁并不重要，重要的是你的所做所为。❤",
9 "❤你不想为你的信仰冒一下险吗?难道想等你老了，再后悔莫及吗?❤",
10 "❤有些鸟儿是关不住的，它的每一根羽毛都闪耀着自由的光辉。❤",
11 "❤决定我们成为什么样人的，不是我们的能力，而是我们的选择。❤",
12 "❤掉在水里你不会淹死，呆在水里你才会淹死，你只有游，不停的往前游。❤",
13 "❤有些路，只能一个人走。❤","❤希望你眼眸有星辰，心中有山海。❤",
14 "❤从此以梦为马，不负韶华。❤","❤人的成就和差异决定于其业余时间。❤",
15 "❤佛不要你皈依，佛要你欢喜。❤","❤ダーリンのこと 大好きだよ❤",
16 "❤小猫在午睡时，地球在转。❤","❤我，混世大魔王，申请做你的小熊软糖。❤",
17 "❤决定好啦，要暗暗努力。❤","❤呐，做人呢最紧要开心。❤",
18 "❤好想邀请你一起去云朵上打呼噜呀。❤","❤永远年轻，永远热泪盈眶。❤",
19 "❤我生来平庸，也生来骄傲。❤","❤我走得很慢，但我从不后退。❤",
20 "❤人间不正经生活手册。❤","❤我是可爱的小姑娘，你是可爱。❤",
21 "❤数学里，有个温柔霸道的词，有且仅有。❤","❤吧唧一口，吃掉难过。❤",
22 "❤你头发乱了哦。❤","❤健康可爱，没有眼袋。❤","❤日月星辰之外，你是第四种难得。❤",
23 "❤你是否成为了了不起的成年人？❤","❤大家都是第一次做人。❤","❤何事喧哗？！❤",
24 "❤人间有味是清欢。❤","❤你笑起来真像好天气。❤","❤风填词半句，雪斟酒一壶。❤",
25 "❤除了自渡，他人爱莫能助。❤","❤昨日种种，皆成今我。❤","❤一梦入混沌 明月撞星辰❤",
26 "❤保持独立 适当拥有❤","❤谢谢你出现 这一生我很喜欢❤","❤做自己就好了 我会喜欢你的❤",
27 "❤太严肃的话，是没办法在人间寻欢作乐的❤","❤愿你余生可随遇而安，步步慢。❤",
28 "❤黄瓜在于拍，人生在于嗨❤","❤奇变偶不变，符号看象限。❤","❤从来如此，便对么？❤",
29 "❤今天我这儿的太阳，正好适合晒钙 你呢❤","❤未来可期，万事胜意。❤",
30 "❤星光不问赶路人 时光不负有心人❤","❤我当然不会试图摘月，我要月亮奔我而来❤",
31 "❤女生要修炼成的五样东西： 扬在脸上的自信，长在心底的善良， 融进血里的骨气，刻进命里的坚强，深到骨子里的教养❤",
32 "❤燕去燕归，沧海桑田。纵此生不见，平安惟愿❤","❤我想认识你 趁风不注意❤","❤我一直想从你的窗子里看月亮❤",
33 "❤长大应该是变温柔，对全世界都温柔。❤","❤别在深夜做任何决定❤","❤山中何事，松花酿酒，春水煎茶。❤",
34 "❤桃李春风一杯酒，江湖夜雨十年灯。❤","❤欲买桂花同载酒，终不似，少年游。❤");
35 var $i = $("<span></span>").text(a[a_idx]);
36 a_idx = (a_idx + 1) % a.length;
37 var x = e.pageX,
38 y = e.pageY;
39 $i.css({
40 "z-index": 999999999999999,
41 "top": y - 20,
42 "left": x,
43 "position": "absolute",
44 "font-weight": "bold",
45 "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
46 });
47 $("body").append($i);
48 $i.animate({
49 "top": y - 180,
50 "opacity": 0
51 },
52 1500,
53 function() {
54 $i.remove();
55 });
56 });
57 </script>
58 <script type="text/javascript" language="javascript">
59 //Setting ico for cnblogs
60 var linkObject = document.createElement('link');
61 linkObject.rel = "shortcut icon";
62 linkObject.href = "https://blog-static.cnblogs.com/files/zhangshuhao1116/favicon.ico";
63 document.getElementsByTagName("head")[0].appendChild(linkObject);
64 </script>
65
66 <!--鼠标点击特效-->
67 <!--烟花特效-->
68 <!--<script src="https://blog-static.cnblogs.com/files/zengcongcong/click2.js"></script>-->
69 <script src="https://blog-static.cnblogs.com/files/zengcongcong/click.js"></script>
70 <div id="jsi-flying-fish-container" class="container"></div>
71 <script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'></script>
72 <style>
73 @media only screen and (max-width: 767px){
74 #sidebar_search_box input[type=text]{width:calc(100% - 24px)}
75 }
76 </style>
77 <div id="jsi-flying-fish-container" class="container"></div>
78 <script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'></script>
79 <style>
80 @media only screen and (max-width: 767px){
81 #sidebar_search_box input[type=text]{width:calc(100% - 24px)}
82 }
83 </style>
84 <script src="//static.tctip.com/tctip-1.0.3.min.js"></script>
85 <script>
86 new tctip({
87 top: '20%',
88 button: {
89 id: 5,
90 type: 'dashang',
91 },
92 list: [
93 {
94 type: 'alipay',
95 qrImg: 'https://files-cdn.cnblogs.com/files/qq2806933146xiaobai/%E6%94%AF%E4%BB%98%E5%AE%9D%E6%94%B6%E6%AC%BE.bmp'
96 }, {
97 type: 'wechat',
98 qrImg: 'https://files-cdn.cnblogs.com/files/qq2806933146xiaobai/%E5%BE%AE%E4%BF%A1%E6%94%B6%E6%AC%BE.bmp'
99 }
100 ]
101 }).init();
102 </script>
标签：飘雪,看板娘,github,cnblogs,E6%,width,type 来源： https://www.cnblogs.com/qq2806933146xiaobai/p/15897808.html