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

刚才群里一个朋友问道,那个评论者运营商信息如何默认是隐藏,鼠标移上去显示,移出隐藏呢? 如果你还没有添加这评论者运营商信息这个效果,可以参考这篇文章添加 给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 转载请注明  

发表评论

目前评论:17

  • avatar 云柯博客

    博主的方法实用,但我的也是反过来的,我不放这段代码,是全部显示的,放上也是全部显示,鼠标移到相应位置就消失了,不知如何设置默认隐藏。 解决方法:在调用代码到评论页面的时候加上默认隐藏样式 以下第一行 自己对照

  • avatar 咖啡

    学习了

  • avatar 木禾网

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

    • avatar 言曌 作者

      那你就设置默认隐藏

  • avatar 浅夏

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

    • avatar 言曌 作者

      那就先设置默认隐藏

      • avatar 自留地

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

        • avatar 言曌 作者

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

  • avatar 无聊赚

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

  • avatar 闲鱼

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

    • avatar 言曌 作者

      是 啊 :mrgreen: :mrgreen: :mrgreen:

      • avatar 闲鱼

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

        • avatar 言曌 作者

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

  • avatar 网红

    不错,很有用

    • avatar 言曌 作者

      谢谢,互相支持