标签：飘雪 看板娘 github cnblogs E6% width type
页面定制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
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。