知更鸟主题,评论者运营商信息鼠标移动显示和隐藏

刚才群里一个朋友问道,那个评论者运营商信息如何默认是隐藏,鼠标移上去显示,移出隐藏呢?

如果你还没有添加这评论者运营商信息这个效果,可以参考这篇文章添加

给wordpress添加留言者操作系统、浏览器和运营商信息

学过js的朋友,想必会感觉很简单,实现方法也很多,在这里写个教程吧。

任何主题都可以哦,原理是一样的

1、添加js代码实现显示和隐藏

在footer.php里加以下代码(前提是你的主题引入了jquery库文件,一般都有的,放心)

  1. <script>
  2.     jQuery(function(){
  3.         $(".comment-body").hover(function(){
  4.             $(this).find(".ua-info").toggle();
  5.         },function(){
  6.             $(this).find(".ua-info").toggle();
  7.         });
  8.     });
  9. </script>

记住这里的comment-body是评论者的那个框的class名,ua-info是运营商信息那个小框的class名

如果不能成功,愿意效劳哦

 

2、最终效果图下(动态图)

知更鸟主题,评论者运营商信息鼠标移动显示和隐藏

 

本文地址:https://liuyanzhao.com/4172.html

转载请注明

 

  • 微信
  • 赶快加我聊天吧
  • weinxin
  • 博客交流群
  • 海纳百川,大家来水
  • weinxin
言曌

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:11   其中:访客  6   博主  5

    • avatar 浅夏

      …尴尬,我的是反过来的,我不放这段代码,是全部显示的,放上也是全部显示,鼠标移到相应位置就消失了…

        • avatar 言曌  博主

          @浅夏 那就先设置默认隐藏

            • avatar 自留地

              @言曌 你好,如何设置默认隐藏?能具体点吗?谢谢!

                • avatar 言曌  博主

                  @自留地 大叔,你 copy 别人文章 都不好意思 留原文链接吗

            • avatar 无聊赚

              知更鸟业内是非常有名的了
              ps:在输入框打字,这个抖啊,总感觉地震了。。。

              • avatar 闲鱼

                蛮好的,显得高大上一点?啊哈哈

                  • avatar 言曌  博主

                    @闲鱼 是 啊 :mrgreen: :mrgreen: :mrgreen:

                      • avatar 闲鱼

                        @言曌 我去,你这审核评论速度有点快 :lol:

                          • avatar 言曌  博主

                            @闲鱼 你不知道吧,我每天有十几个小时在电脑前啊

                      • avatar 网红

                        不错,很有用

                          • avatar 言曌  博主

                            @网红 谢谢,互相支持