木灵鱼儿

木灵鱼儿

阅读:5096

最后更新:2020/06/26/ 1:59:36

为博客添加鼠标点击特效(富强、民主、文明、和谐...)全平台通用 V2.0

已经写了新版,jq的方法,地址:jq富强,如果连接失效可以在本博客搜索富强,也可以找到对应的文章

经过长时间的学习,终于迎来小高潮,更新为2.0版本!

  • 2018-10-5 修复预加载js代码失效bug
  • 2018-11-3 修复了当鼠标在最右侧点击时导致X轴产生滚动条的问题
  • 2019-1-8 更新为2.0版本,修复大量bug,引用自制代码库

预览图:

富强、民主、文明、和谐...

使用要求:

需要引入自制代码库:

此处内容已隐藏回复后方可阅读。

引入方法:

以我现在的博客Typecho为例,我们需要在主题的header.php文件中,找到<head></head>元素,在最末尾加上:

此处内容已隐藏回复后方可阅读。

注意顺序,然后就是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文件即可。

此处内容已隐藏回复后方可阅读。

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 0
文章被阅读 5096

相关文章

目录树