
摘要:看到别的网站上使用鼠标点击会出现“富强、民主、和谐”鼠标点击特效,想不想为自己的 Wordpress 网站上添加相同的效果,其实方法非常简单,一段 JS 代码就可以搞定。把以下的 JS 代码投放到合适的位置后刷新网站就可以啦! 打开“外观 - 主题 - 编辑 - 模板-主题页脚 (footer.php)” 加入以下代码…
看到别的网站上使用鼠标点击会出现“富强、民主、和谐”鼠标点击特效,想不想为自己的 WordPress 网站上添加相同的效果,其实方法非常简单,一段 JS 代码就可以搞定。把以下的 JS 代码投放到合适的位置后刷新网站就可以啦!
打开“外观 – 主题 – 编辑 – 模板-主题页脚 (footer.php)”
加入以下代码,保存后刷新就行了,用鼠标在大眼仔旭网站上点击看看是不是也有相同的效果哦。
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(“富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,“法治”, “爱国”, “敬业”, “诚信”, “友善”); var $i = $(“<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”: “#ff6651” }); $(“body”).append($i); $i.animate({ “top”: y – 180, “opacity”: 0 }, 1500, function() { $i.remove(); }); }); }); </script> |
声明:大眼仔旭 | 本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议[CC BY-NC-SA]进行授权
文章名称:《为您的 WordPress 添加富强、民主、文明、和谐等鼠标点击特效》
文章固定链接:http://www.dayanzai.me/mouse-effect.html
本站资源仅供个人学习交流,请于下载后 24 小时内删除,不允许用于商业用途,否则法律问题自行承担。
文章名称:《为您的 WordPress 添加富强、民主、文明、和谐等鼠标点击特效》
文章固定链接:http://www.dayanzai.me/mouse-effect.html
本站资源仅供个人学习交流,请于下载后 24 小时内删除,不允许用于商业用途,否则法律问题自行承担。
转载声明
猜你喜欢
- 2023-07-17注册表管理工具 RegCool 1.340 + x64 中文多语免费版
- 2021-08-05苹果 MacOS 操作系统版本历史汇总
- 2023-05-14媒体转换工具 Icecream Video Converter 1.27 中文多语免费版
- 2023-06-30专业系统信息检测工具 HWiNFO 7.50 Build 5150 + x64 中文多语免费版
- 2022-09-11开源免费加密记事本 Crypto Notepad 1.7.3 中文汉化版
相关推荐
- 2019-12-15Windows 硬盘分区备份恢复工具 TeraByte Drive Image Backup 3.35 中文版
- 2023-05-01优秀的数码相片处理软件 FotoSketcher 3.90 x64 中文多语免费版
- 2022-11-21联动机制设计器和模拟器 Linkage 3.16.14.0 中文绿色汉化版
- 2021-12-06如何在 Windows 11 中添加关机桌面快捷方式
- 2021-06-28如何更改 Alt+F4 关闭 Windows 对话框的默认设置
全部评论: (2条)
- 强支持了,以后会常来学习的
最新标签
Autodesk
GitHub
Inno Setup 技巧
Inno Setup 教程
JetBrains
Microsoft
Office
PDF 编辑器
PDF 阅读器
Win10 技巧
Windows 10
Windows 10 技巧
Windows 11 小技巧
Wise Soft
代码编辑器
免费商用字体
免费字体
免费软件
办公软件
固态硬盘检测工具
图像处理工具
图像浏览器
安卓软件
安装包制作工具
屏幕录像
屏幕录像工具
屏幕录像软件
开源字体
开源软件
思维导图
截图工具
数据恢复工具
文本编辑器
格式转换工具
桌面录像
系统优化工具
系统增强
系统增强工具
编程开发
视频播放器
视频转换器
视频转换工具
解压缩工具
音乐播放器
音频转换工具