更新于

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

发布于 / 分类: JavaScript / 已有 20 条评论 / 阅读量: 467

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

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

已有 20 条评论

    meml
    meml

    来自 Windows10-Chrome 的网友发布于 83 天前

    回复可见

    kupe
    kupe

    来自 Windows7-火狐浏览器 的网友发布于 97 天前

    很好的效果
      木灵鱼儿
      木灵鱼儿

      来自 Windows10-火狐浏览器 的网友发布于 85 天前

      @kupe 已经写了新的方法,使用jq的,应用更广,有需要可以看看 https://www.mulingyuer.com/archives/405/,或者本博客搜索 富强
      木灵鱼儿
      木灵鱼儿

      来自 Windows7-火狐浏览器 的网友发布于 91 天前

      @kupe 以前写的,能看,但是用的东西太多了,用了自写的js库,现在看来也不是很方便

    HEarTache
    HEarTache

    来自 Windows10-Chrome 的网友发布于 106 天前

    学习学习。
      木灵鱼儿
      木灵鱼儿

      来自 Windows10-火狐浏览器 的网友发布于 105 天前

      @HEarTache 不用学,这个我以前写的,很老的了,不合适,过几天我重新调整一下,改为jq的方法

    xxl
    xxl

    来自 Windows10-Chrome 的网友发布于 138 天前


    xxl
    xxl

    来自 Windows10-Chrome 的网友发布于 138 天前


    孤星
    孤星

    来自 Windows10-Chrome 的网友发布于 545 天前

    蹭内容

    1的N次幂
    1的N次幂

    来自 Windows10-Chrome 的网友发布于 611 天前

    你们的网站怎么一个XHR请求都没有?都是模板页面吗?
      木灵鱼儿
      木灵鱼儿

      来自 Windows10-火狐浏览器 的网友发布于 607 天前

      @1的N次幂 对啊,每个类目都是模板

    猫乐
    猫乐

    来自 Windows7-Chrome 的网友发布于 630 天前

    6666来看看

    满庭枫
    满庭枫

    来自 Windows7-QQ浏览器 的网友发布于 643 天前

    厉害了博主,这个写的比其他人详细多了
      木灵鱼儿
      木灵鱼儿

      来自 Windows10-火狐浏览器 的网友发布于 643 天前

      @满庭枫 事实上暂时还有一个bug,就是如果dom没有完全加载完是无法调用这个效果的,解决这个bug的方法我已经搞好了,过段时间修改好,你可以再来看看
        满庭枫
        满庭枫

        来自 Windows7-Chrome 的网友发布于 643 天前

        @木灵鱼儿 不知道是不是QQ浏览器的bug,回复有问题,看不到回复框。网址已收藏,哈哈
          木灵鱼儿
          木灵鱼儿

          来自 Windows10-火狐浏览器 的网友发布于 643 天前

          @满庭枫 点击一下你的名字,头像右边蓝色的那个,就有了

    wenyi
    wenyi

    来自 Windows10-QQ浏览器 的网友发布于 655 天前

    6

Info
站点信息

以前觉得活下去很难,现在发现活的好才难!

创建于20156

总共发表了327篇文章

共有545条评论

创建了21个分类目录

Archive
时间归档
Weather
天气

湿度
Catalog
目录树
设置
配色方案

布局