wordpress教程:评论者UA信息和IP地址信息鼠标移动显示和隐藏

2017年9月10日13:18:30 发表评论 164
wordpress教程:评论者UA信息和IP地址信息鼠标移动显示和隐藏

wordpress教程:评论者UA信息和IP地址信息鼠标移动显示和隐藏效果展示

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

在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>  

看看效果是否正确,如果显示效果请忽略下方信息。

如果出现鼠标不放上去显示放上去效果隐藏的情况。则先设置运营商信息默认隐藏。代码如下:

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

如果你还未给WordPress评论者添加国籍、操作系统、浏览器和IP信息,那么请查看《给WordPress评论者添加国籍、操作系统、浏览器和IP信息》。

  • 博主微信
  • 赶快加我来聊天吧
  • weinxin
  • 站长技术资源群
  • 群号:483950522
  • weinxin

发表评论

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