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

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

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

给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:

目前评论:13   其中:访客  7   博主  6

    • avatar 木禾网

      博主的方法实用,但我的也是反过来的,我不放这段代码,是全部显示的,放上也是全部显示,鼠标移到相应位置就消失了,不知如何设置默认隐藏。

        • avatar 言曌  博主

          @木禾网 那你就设置默认隐藏

        • avatar 浅夏

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

            • avatar 言曌  博主

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

                • avatar 自留地

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

                    • avatar 言曌  博主

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

                • avatar 无聊赚

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

                  • avatar 闲鱼

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

                      • avatar 言曌  博主

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

                          • avatar 闲鱼

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

                              • avatar 言曌  博主

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

                          • avatar 网红

                            不错,很有用

                              • avatar 言曌  博主

                                @网红 谢谢,互相支持