博客园美化 - 随笔分类 - Shu_HowZ

摘要：

先看效果图：顶部进度条会根据浏览页面而变化，话不多说，代码附上： 1 <script> 2 (function (w, d) { 3 var domDiv = d.createElement('div'); 4 5 domDiv.style.cssText = 'position: fixed; 阅读全文

posted @ 2024-06-03 15:54 Shu_HowZ 阅读(666) 评论(2) 推荐(6)

博客园美化：CSS更改鼠标样式

摘要：

话不多说，先上效果图：实现这个效果真的好简单，哎，还搞了好久......😔 页首HTML代码： 1 /** 鼠标样式 **/ 2 body { 3 cursor: url(https://blog-static.cnblogs.com/files/zhangshuhao1116/1.ico), 阅读全文

posted @ 2024-05-18 17:50 Shu_HowZ 阅读(741) 评论(1) 推荐(5)

博客园美化：canvas炫酷背景

摘要：

话不多说，先上效果图： yysy，这个当背景确实酷炫！！！😄 页脚HTML代码： 1 <script src="https://files.cnblogs.com/files/zhangshuhao1116/vendors.js"></script> 2 <script type="text/ja 阅读全文

posted @ 2024-05-18 17:34 Shu_HowZ 阅读(547) 评论(0) 推荐(4)

博客园美化：增加顶部炫彩loading进度条

摘要：

前言之前已经出了一篇关于loading动画的随笔《博客园美化：给网页加上loading动画》，但是每次加载都必须等loading动画加载完成才能进行下一步点击，很浪费时间，所以pass掉了...... 这次做了一个顶部的loading进度条，加载的同时不影响浏览点击网页，并且进度条颜色十分酷炫（阅读全文

posted @ 2024-05-18 17:15 Shu_HowZ 阅读(364) 评论(1) 推荐(0)

博客园美化：给网页加上loading动画

摘要：

先看看效果图：效果还不错吧~😄 下面，代码附上：页首HTML： 1 <script> 2 window.addEventListener( 3 'load', 4 function () { 5 //载入动画 6 $('#loading-box').attr('class', 'loaded' 阅读全文

posted @ 2024-05-18 15:39 Shu_HowZ 阅读(405) 评论(3) 推荐(2)

博客园美化：Github角标样式分享

摘要：

github官方共提供了以下几种样式： <a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent. 阅读全文

posted @ 2021-06-21 21:09 Shu_HowZ 阅读(484) 评论(0) 推荐(0)

博客园美化：添加百度统计

摘要：

一、注册登录打开百度统计网址：https://tongji.baidu.com/web/welcome/login 二、先添加自己的博客园网址（ps：这一步因为已经添加过，所以就不截图了）三、找到管理-代码获取-复制代码-粘贴到博客侧边栏公告HTML：四、过一会点击网站列表-代码安装检查。安装阅读全文

posted @ 2021-06-21 16:34 Shu_HowZ 阅读(230) 评论(0) 推荐(0)

博客园美化：添加网站动态背景线条跟随鼠标移动

摘要：

将以下代码复制粘贴到博客侧边栏公告HTML :  <script> !function(){ function n(n,e,t){ return n.getAttribute(e)||t } function e(n){ return document.ge 阅读全文

posted @ 2021-06-21 16:13 Shu_HowZ 阅读(1052) 评论(0) 推荐(1)

博客园美化：添加鼠标点击特效

摘要：

将以下代码复制粘贴到页脚 HTML 代码 : 1  2 <script> 3 var a_idx = 0; 4 $("body").click(function(e) { 5 var a = new Array("❤去活出你自己。❤","❤今天的好计划胜过明天的完美计划阅读全文

posted @ 2021-06-21 16:10 Shu_HowZ 阅读(840) 评论(0) 推荐(2)

博客园美化：添加文章版权

摘要：

将以下代码复制粘贴到管理-设置-博客签名-内容： <div> 作者：<a href="https://www.cnblogs.com/zhangshuhao1116/"> Shu-How Z </a></div> <div> 出处：<a target="_blank">https://www.cnb 阅读全文

posted @ 2021-06-21 16:06 Shu_HowZ 阅读(189) 评论(0) 推荐(0)

博客园美化：添加底部小鱼特效

摘要：

将以下代码复制粘贴到页脚 HTML 代码： <div id="jsi-flying-fish-container" class="container"></div> <script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'> 阅读全文

posted @ 2021-06-21 15:59 Shu_HowZ 阅读(1961) 评论(0) 推荐(2)

博客园美化：添加QQ联系按钮

摘要：

将以下代码复制粘贴到博客侧边栏公告HTML：  <div align="center"> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=744461004&site=qq&menu=yes"> <img a 阅读全文

posted @ 2021-06-21 15:52 Shu_HowZ 阅读(168) 评论(0) 推荐(0)

博客园美化：添加侧边栏个人头像

摘要：

将以下代码复制粘贴到博客侧边栏公告HTML：  <p id="back-top" style="display:none"> <a href="#top"><span></span></a> </p> <a href="https://home.cnblogs.com/u/ 阅读全文

posted @ 2021-06-21 15:47 Shu_HowZ 阅读(605) 评论(0) 推荐(0)

博客园美化：添加Github链接图案

摘要：

将以下代码复制粘贴到页首 HTML 代码：  <a href="https://zhangshuhao1116.gitee.io" class="github-corner" aria-label="View source on GitHub"><svg width 阅读全文

posted @ 2021-06-21 15:41 Shu_HowZ 阅读(275) 评论(0) 推荐(0)

博客园美化：添加音乐播放器（网易云音乐）

摘要：

将以下代码复制粘贴到页脚 HTML 代码：  <link rel="stylesheet" href="https://blog-static.cnblogs.com/files/zhangshuhao1116/APlayer.min.css"> 阅读全文

posted @ 2021-06-21 15:31 Shu_HowZ 阅读(565) 评论(6) 推荐(1)

博客园美化：添加雪花特效

摘要：

一、将以下代码复制粘贴到页首 HTML 代码：  <div id="midground" class="wall"></div> <div id="foreground" class="wall"></div> <div id="top" class="wall"></div> 二阅读全文

posted @ 2021-06-21 15:15 Shu_HowZ 阅读(479) 评论(0) 推荐(2)

博客园美化：添加小老鼠游戏控件

摘要：

将以下代码复制粘贴到侧边公告栏HTML：  <div className="sidebarMouse"><object type="application/x-shockwave-flash" style="outline:none;" data="https://f 阅读全文

posted @ 2021-06-21 15:02 Shu_HowZ 阅读(325) 评论(0) 推荐(1)

博客园美化：添加公告栏时钟控件

摘要：

将以下代码复制粘贴到侧边公告栏HTML：  <embed wmode="transparent" src="https://files.cnblogs.com/files/jingmoxukong/honehone_clock_tr.swf" quality="hig 阅读全文

posted @ 2021-06-21 14:58 Shu_HowZ 阅读(302) 评论(0) 推荐(0)

博客园美化：添加live2d看板娘

摘要：

将下列代码复制粘贴到页尾HTML：  <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zhangshuhao1116/waifu1.css"/> <sc 阅读全文

posted @ 2021-06-21 11:24 Shu_HowZ 阅读(530) 评论(1) 推荐(1)

博客园美化：添加赞赏功能

摘要：

将以下代码复制粘贴到侧边栏HTML中：  <script type="text/javascript" src="https://blog-static.cnblogs.com/files/zhangshuhao1116/pay.js"></script> 阅读全文

posted @ 2021-06-20 23:45 Shu_HowZ 阅读(200) 评论(0) 推荐(1)

Shu-How ZのBlog

随笔分类 - 博客园美化

公告