博客园之鼠标点击特效
鼠标点击效果为下图:
1.添加特效代码
点击博客园-->管理-->设置-->下拉找到:首页Html代码-->将下面的代码添加到框中-->保存(保存按钮在页面左下角)。
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 | < script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("❤C❤","❤ヾ(^∀^)ノ ❤","❤python❤","❤٩(๑❛ᴗ❛๑)۶ ❤","❤java❤","❤( • ̀ω•́ )✧ ❤","❤C#❤","❤┗(•ω•;)┛❤","❤C++❤","❤(^_-)❤","❤SQL❤","❤(^_−)☆❤","❤javascrpit❤","❤ヾ(@^▽^@)ノ❤"); 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 }, 2500, function() { $i.remove(); }); }); }); </ script > |
2.修改参数
a.修改显示符号
可以将中的改为自己喜欢的符号。
其中实例的表情符号可以通过:点击搜狗输入法-->右键-->表情&符号-->颜文字,来选择。(若直接输入不了,可以先将符号输入到其他文本窗口,然后复制粘贴过来即可)
b.修改字体和显示颜色
此时bold为黑体,可以将其修改为自己想要的颜色。(可在网络中搜索),至于颜色此时是随机变化的,可以不用更改,也可改为固定的值:"color":"rgb(x,x,x)",reg具体值可以在网络中搜索GEB颜色对照表,选择一种替换即可。
c.修改显示时长
修改此数值,即可更改点击后符号显示到消失的时长。
d.修改后保存即可
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端