已经写了新版,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文件即可。

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

分类: JavaScript 标签: 主题页面文件学习代码css博客元素岔路回头xxx2018-10-5

评论

全部评论 22

  1. 满庭枫
    满庭枫
    QQ Browser Windows 7
    厉害了博主,这个写的比其他人详细多了
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @满庭枫事实上暂时还有一个bug,就是如果dom没有完全加载完是无法调用这个效果的,解决这个bug的方法我已经搞好了,过段时间修改好,你可以再来看看
      1. 满庭枫
        满庭枫
        Google Chrome Windows 7
        @木灵鱼儿不知道是不是QQ浏览器的bug,回复有问题,看不到回复框。网址已收藏,哈哈
        1. 木灵鱼儿
          木灵鱼儿
          FireFox Windows 10
          @满庭枫点击一下你的名字,头像右边蓝色的那个,就有了
  2. wenyi
    wenyi
    QQ Browser Windows 10
    6
  3. 2944425878
    2944425878
    Google Chrome Windows 7
    我去DWADEWADEWQD娃娃
  4. PiaoR
    PiaoR
    Google Chrome Windows 10
    简介牛逼
  5. cess
    cess
    Google Chrome Windows 7
    哈哈哈,这个简介

目录