已经写了新版,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. wolfox
    wolfox
    FireFox Windows 10
    回复可见?
  2. 陌熊
    陌熊
    Google Chrome Windows 10
    回复可见
  3. meml
    meml
    Google Chrome Windows 10
    回复可见
  4. kupe
    kupe
    FireFox Windows 7
    很好的效果
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @kupe已经写了新的方法,使用jq的,应用更广,有需要可以看看 https://www.mulingyuer.com/archives/405/,或者本博客搜索 富强
    2. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 7
      @kupe以前写的,能看,但是用的东西太多了,用了自写的js库,现在看来也不是很方便
  5. HEarTache
    HEarTache
    Google Chrome Windows 10
    学习学习。
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @HEarTache不用学,这个我以前写的,很老的了,不合适,过几天我重新调整一下,改为jq的方法
  6. xxl
    xxl
    Google Chrome Windows 10
  7. xxl
    xxl
    Google Chrome Windows 10
  8. 孤星
    孤星
    Google Chrome Windows 10
    蹭内容
  9. 1的N次幂
    1的N次幂
    Google Chrome Windows 10
    你们的网站怎么一个XHR请求都没有?都是模板页面吗?
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @1的N次幂对啊,每个类目都是模板
  10. 猫乐
    猫乐
    Google Chrome Windows 7
    6666来看看

目录