已经写了新版，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来看看
    回复
  1. 1
  2. 2

相关推荐

利用原生css实现hash哈希定位跳转偏移量处理

木灵鱼儿 738 1 2
css hash 定位跳转

typecho 自定义分类和分类高亮处理

木灵鱼儿 872 0 7
主题 typecho 分类

css选择器优先级计算规则

木灵鱼儿 585 0 0
css 优先级 计算规则

关于给css自动添加浏览器前缀

木灵鱼儿 1827 0 0
css vue webpack

transform 知识补充

木灵鱼儿 1217 0 0
css tranform

grid布局

木灵鱼儿 1863 0 0
css grid

meta name= viewport 知识补充

木灵鱼儿 2657 0 0
css meta viewport

flex布局知识补充

木灵鱼儿 1405 0 0
css flex

纯css来做表单校验样式

木灵鱼儿 1792 0 0
样式 css input

移动端适配iPhoneX和安卓底部小黑条

木灵鱼儿 2384 0 0
css 移动端 iPhoneX
获得点赞 0
文章被阅读 15,333
最后更新 20-06-26 1:59:36

目录

暂无目录