博客园下拉小猫,看板娘,鼠标图标,樱花特效
博客园下拉小猫特效
1|0样式效果
点击小猫之后会回到网页顶部
2|0使用方法
1.在自己的博客园中找到管理->设置页面
2.在页首 HTML 代码中插入
1 2 3 4 | <!-- 悬挂的喵 --> <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> |
参考链接:
博客园使用悬挂猫(上吊猫)置顶插件
3|0看板娘
这个我看过很多博客,把文件上传,改成自己的。然后很多都不完整,要么没图,要么目录不显示。我这里直接引用博主的文件,右键路径能打开就行。
博客侧边栏公告处
1 2 3 4 5 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 | <!DOCTYPE html> <html xmlns= "http://www.w3.org/1999/xhtml" > <head> <meta http-equiv= "Content-Type" content= "text/html; charset=UTF-8" /> <title>Live 2 D</title> <link rel= "stylesheet" type= "text/css" href= "https://files.cnblogs.com/files/kousak/waifu.css" /> <script src= "https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js" ></script> </head> <body> <link rel= "stylesheet" type= "text/css" href= "https://files.cnblogs.com/files/kousak/waifu.css" > <div class= "waifu" id= "waifu" > <div class= "waifu-tips" style= "opacity: 1;" ></div> <canvas id= "live2d" width= "280" height= "250" class= "live2d" ></canvas> <div class= "waifu-tool" > <span class= "fui-home" ></span> <span class= "fui-chat" ></span> <span class= "fui-eye" ></span> <span class= "fui-user" ></span> <span class= "fui-photo" ></span> <span class= "fui-info-circle" ></span> <span class= "fui-cross" ></span> </div> </div> <script src= "https://files.cnblogs.com/files/kousak/live2d.js" ></script> <script src= "https://files.cnblogs.com/files/kousak/waifu-tips.js" ></script> <script type= "text/javascript" >initModel()</script> </body> </html> <link rel= "stylesheet" type= "text/css" href= "https://files.cnblogs.com/files/yjlblog/flat-ui.min.css" /> |
4|0鼠标图标设置
页面CSS中加入
1 2 3 4 5 6 7 8 | /*全局基础样式*/ /*下面的样式放到全局css里面去*/ /*--页面鼠标默认样式--*/ body{ /* 鼠标图标 */ cursor : url (https://blog- static .cnblogs.com/files/blogs/ 409706 /BLOG_cursor.ico), auto ; /*url("你的鼠标指针图标路径")*/ } |
5|0樱花特效
在博客侧边栏公告(支持HTML代码) (支持 JS 代码)加入下面1行代码便可以拥有同博主的樱花特效.
1 | <script src= "https://files.cnblogs.com/files/quaint/sakuraPlus.js" ></script> |
参考的js地址
https://blog-static.cnblogs.com/files/izbw/yinghua.js
__EOF__

本文作者:有点丿东西
本文链接:https://www.cnblogs.com/Jeffrey1172417122/p/17052356.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
本文链接:https://www.cnblogs.com/Jeffrey1172417122/p/17052356.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· 我与微信审核的“相爱相杀”看个人小程序副业
· DeepSeek “源神”启动!「GitHub 热点速览」
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库