博客园自定义鼠标美化
1、鼠标指针替换#
- 在
博客设置-> 文件
中上传自己的鼠标样式,上传时注意将后缀改为.ico
- 对刚刚上传的ico文件
右键->复制链接地址
- 添加css代码
在博客设置-> 设置
中找到页面定制 CSS 代码
,添加:
html {
cursor: url('https://files.cnblogs.com/files/yyyzyyyz/%E6%8C%87%E9%92%88.ico'), auto;
}
-
url改为自己的ico链接
-
提供一些鼠标指针:https://wwa.lanzoui.com/iAAxZv3ss5a
-
如需更多,推荐网址:http://www.molizm.com/category_67.html
2、鼠标动态效果#
鼠标点击效果Js代码:#
<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("❤感谢观看❤","❤","❤喜欢就点个赞呗❤","❤❤","❤快去点赞❤","❤❤❤","❤不是点这里哦❤","❤❤","❤点赞在底部啦❤","❤","❤❤");
var $i = $("<span></span>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
开源鼠标特效地址:https://github.com/shuiche-it/cnblog-mouse#
作者:yyyz
出处:https://www.cnblogs.com/yyyzyyyz/p/15383875.html
版权:如无特殊说明,本作品采用「BY-NC-ND」许可协议进行许可,转载请注明出处
留下一条友善的评论吧!「点击这里访问我的个人博客」,欢迎光临~
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库