WordPress添加鼠标点击红色数字上升特效

在主题footer.php文件body前加入下面代码即可实现鼠标点击红色数字上升特效:

如果你没有使用代码压缩,那么上述代码中第一行和最后一行都可以去掉。其中.article-content是你想要实现该效果的模块区域,按需选择即可。

2015年10月11日更新:

友链无主题博主在陌小雨代码的基础上升级了,主要是添加了点击次数的累计,改进后的代码如下,可以记录cookies,也就是说你同时打开陌小雨博客的多个页面,在不同页面点击数字是会一直叠加的。因为js冲突,陌小雨已经撤下该js特效

两种方式,喜欢哪种就挑哪种吧。

AD:站点文章对你有帮助,可以选择去百度口碑好评下,还可以点击此处

赞 (22) 口碑
分享到:更多 ()

本文共有11人发表了自己的想法,下一个就是你!

评论 31

表情 签到
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1.  
    签到成功!签到时间:下午4:36:36,陌小雨,你很棒!一起加油哦哦~回复
  2. 植物墙
    不错,这个我收下了哦回复
  3. XiaoMa
    小雨你好,用了这个代码之后,wp自带的评论表情按钮失效了,不知道怎么办,可以帮忙看看吗?我在这段代码外面加入了jQuery(document).ready(function($) {这是特效代码});回复
    • 陌小雨
      @XiaoMa 应该是js冲突吧,你试试直接加到footer.php会不会有这种情况回复
  4. 完美阿6
    hexo博客next主题在哪里添加回复

本站能为你提供什么?

从这里开始使用WordPress

快速认识WordPress,熟悉WordPress,掌握WordPress。

选择更好用的模板主题

海量的WordPress主题模板供应下载,搭建网站更加轻松、便捷!

让您的网站更安全可靠

在这里,可以了解更多关于网站安全方面的常识问题,做个攻不可破的webmaster

让您的网站更符合你的需求

学习技术教程,自己也能改网站,学前端,做设计,成为一名WEB开发者