鼠标移动显示和隐藏评论者运营商等信息 —— WordPress美化教程

2017年8月25日14:36:14 55 18,754

之前仙踪小栈刚刚发布了添加评论者操作系统、浏览器和运营商信息——WordPress美化教程，但是在逛某些博客时发现，那个评论者操作系统、运营商等信息默认是隐藏，鼠标移上去显示，移开隐藏，感觉特别好玩，特分享教程供大家参考。

 

鼠标移动显示和隐藏评论者运营商等信息 —— WordPress美化教程

 

方法一：（对应添加教程的方法一）

将下面配套样式文件添加到主题样式文件style.css最后，或者主题选项→定制风格→自定义样式中：

此处为隐藏的内容！
发表评论并刷新，方可查看
发表评论

 

效果可以留言查看。

 

鼠标移动显示和隐藏评论者运营商等信息 —— WordPress美化教程

 

注：添加样式后鼠标悬停在留言上才会显示留言者相关信息，小屏手机上不显示，因为留言者所在区域信息内容较长，不好看，而且可能会造成错位。

 

方法二：（对应添加教程里的方法二）

如需鼠标经过时显示或隐藏以上UA信息和IP地址，则在对应主题footer.php中添加代码：

  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>

 

如果显示和隐藏效果相反，则在在对应主题style.css文件内或自定义CSS处，加以下css代码调整

  1. .ua-info {
  2.  display:none;/*设置隐藏*/
  3.   margin-left:8px;
  4. }

 

 

若文章图片、下载链接等信息出错，请在评论区留言反馈，博主将第一时间更新！如果喜欢，请打赏支持本站，谢谢大家！
历史上的今天
8月
25

发表评论

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

目前评论：55   其中：访客  0   博主  0

    • 小白 小白 3 来自天朝的朋友 山东省济南市 电信
      回复 2017年10月14日 19:02  沙发

      这个也很不错

        • 仙踪小栈 仙踪小栈 9 来自天朝的朋友 安徽省马鞍山市 电信
          回复 2017年10月17日 23:54  1层

          @小白 ^_^ 喜欢就常来

            • 11 11 1 来自天朝的朋友 山西省晋中市 联通
              回复 2018年11月24日 13:45  2层

              @仙踪小栈 楼主请教一下其他的主题应该是在哪个位置添加代码啊 :shock: 小白初学不太懂 比如这个twentyfifteen主题

          • 九哥 九哥 2 来自天朝的朋友 四川省成都市 电信
            回复 2017年10月25日 20:21  板凳

            很给力，比一般的更胜一筹。

            • 企鹅 企鹅 3 来自天朝的朋友 湖北省武汉市 电信
              回复 2017年10月30日 13:19  地板

              谢谢分享

              • 大飞 大飞 2 来自天朝的朋友 安徽省合肥市 电信
                回复 2017年11月24日 00:13  4楼

                非常好，支持！

                • 123 123 4 来自天朝的朋友 浙江省杭州市 华数宽带
                  回复 2017年11月26日 23:51  5楼

                  厉害

                  • fgbggf fgbggf 3 来自天朝的朋友 重庆市 移动
                    回复 2017年12月26日 22:50  6楼

                    烤火炉

                    • xioahu xioahu 4 来自天朝的朋友 北京市 宽带通
                      回复 2018年1月14日 12:35  7楼

                      谢谢楼主大大的分享

                      • Julian Julian 2 来自天朝的朋友 重庆市 电信
                        回复 2018年1月21日 17:13  8楼

                        感谢分享

                        • 寒辞 寒辞 1 这家伙可能用了美佬的代理 美国
                          回复 2018年1月27日 15:20  9楼

                          挺不错的

                          • 小笨 小笨 3 来自天朝的朋友 广东省广州市 电信
                            回复 2018年1月31日 20:35  10楼

                            谢谢啦

                            • 大头儿子 大头儿子 1 来自天朝的朋友 云南省红河州 电信
                              回复 2018年2月2日 21:45  11楼

                              挺不错的

                              • Jane Jane 2 来自天朝的朋友 河北省 移动
                                回复 2018年2月3日 17:44  12楼

                                谢谢分享啊

                                • 阿尔图其网 阿尔图其网 2 来自天朝的朋友 新疆克孜勒苏柯尔州乌恰县 电信
                                  回复 2018年2月15日 13:33  13楼

                                  看一看

                                  • mc腐竹网 mc腐竹网 3 来自天朝的朋友 贵州省遵义市红花岗区 联通
                                    回复 2018年2月16日 19:54  14楼

                                    赞

                                    • ◆◇、左手边de幸福 ◆◇、左手边de幸福 1 来自天朝的朋友 重庆市 广电网
                                      回复 2018年2月25日 15:37  15楼

                                      看一看乔伊穷啊

                                      • 情趣网 情趣网 2 来自天朝的朋友 江苏省扬州市 电信
                                        回复 2018年7月17日 18:18  16楼

                                        看下，支持

                                        • 青山 青山 2 来自天朝的朋友 江西省萍乡市 电信
                                          回复 2018年7月29日 23:07  17楼

                                          学习！！

                                          • often often 2 来自天朝的朋友 广东省深圳市 电信
                                            回复 2018年8月5日 20:15  18楼

                                            学习了

                                            • often often 2 来自天朝的朋友 广东省深圳市 电信
                                              回复 2018年8月5日 20:16  19楼

                                              非常好

                                              • 去看你博客 去看你博客 1 来自天朝的朋友 北京市 移动
                                                回复 2018年8月31日 15:14  20楼

                                                感谢楼主分享