为博客添加鼠标点击特效(富强、民主、文明、和谐...)全平台通用 V2.0
已经写了新版,jq的方法,地址:jq富强,如果连接失效可以在本博客搜索富强,也可以找到对应的文章
经过长时间的学习,终于迎来小高潮,更新为2.0版本!
- 2018-10-5 修复预加载js代码失效bug
- 2018-11-3 修复了当鼠标在最右侧点击时导致X轴产生滚动条的问题
- 2019-1-8 更新为2.0版本,修复大量bug,引用自制代码库
预览图:
使用要求:
需要引入自制代码库:
此处内容已隐藏回复后方可阅读。
引入方法:
以我现在的博客Typecho为例,我们需要在主题的header.php文件中,找到
元素,在最末尾加上:此处内容已隐藏回复后方可阅读。
注意顺序,然后就是html的要求了!
html要求要有一个id为footer的元素,这个步入html5后,这个元素基本上是必有的,然后这个这个元素下还要有一个div元素,className为fuqiang,这个div建议是为footer的子元素,结构为#footer>.fuqiang;当然,不是子元素也是可以的,如子元素下的子元素。
html结构:
<footer id="footer">
<div class="fuqiang"></div>
</footer>
下面就是css部分了,你可以直接丢到主题自带的style.css文件中去,只要class名不冲突即可,如果冲突,请自行修改。
此处内容已隐藏回复后方可阅读。
上面的都做好后,应该就没问题了。
js调用解析:
目前来说,修改的话,只需要修改china.js文件即可。
此处内容已隐藏回复后方可阅读。
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
最新文章
如何在项目中使用一个自定义的npm模块(如何使用一个魔改后的npm模块)
0点赞
·
1评论
Debian12 更新系统版本(目前更新至12.5版本)
0点赞
·
0评论
Nestjs CORS配置和生产环境处理
1点赞
·
0评论
Debian12 SSH连接报错:Error Handshake failed no matching host key format
0点赞
·
0评论
Prisma 使用MongoDB创建数据时报错:Prisma needs to perform transactions, which requires your MongoDB server to be run as a replica set.
0点赞
·
0评论
目录
暂无目录
全部评论 22
wolfox
FireFox Windows 10陌熊
Google Chrome Windows 10meml
Google Chrome Windows 10kupe
FireFox Windows 7木灵鱼儿
FireFox Windows 10木灵鱼儿
FireFox Windows 7HEarTache
Google Chrome Windows 10木灵鱼儿
FireFox Windows 10xxl
Google Chrome Windows 10xxl
Google Chrome Windows 10孤星
Google Chrome Windows 101的N次幂
Google Chrome Windows 10木灵鱼儿
FireFox Windows 10猫乐
Google Chrome Windows 7