网站添加QQ客服工具源代码

本文最后由荒野孤灯更新于 2022 年 3 月 20 日，已超过 767 天没有更新。如果文章内容或图片资源失效，请留言反馈，将会及时处理，谢谢！

很简单，在主题footer.php文件末尾 </body> 前加上以下代码：

<div class="livechat-girl animated">
    <img class="girl" src="https://pic.yxjnotes.top/blog/2022/03/20/qZiTX9.gif"> 
    <div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line show_hint">    
    <div class="rd-notice-content">嘿，我来帮您！</div>
    </div>
    
    <div class="animated-circles">
    <div class="circle c-1"></div>
    <div class="circle c-2"></div>
    <div class="circle c-3"></div>
    </div>
</div>
    <script type="text/javascript">jQuery( function ( $ ) { var isMobile = { Android : function() { return navigator.userAgent.match(/Android/i) ? true : false; }, BlackBerry : function() { return navigator.userAgent.match(/BlackBerry/i) ? true : false; }, iOS : function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; }, Windows : function() { return navigator.userAgent.match(/IEMobile/i) ? true : false; }, any : function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows()); } }; setInterval(function(){ if($(".animated-circles").hasClass("animated")){ $(".animated-circles").removeClass("animated"); }else{ $(".animated-circles").addClass('animated'); } },3000); var wait = setInterval(function(){ $(".livechat-hint").removeClass("show_hint").addClass("hide_hint"); clearInterval(wait); },4500); $(".livechat-girl").hover(function(){ clearInterval(wait); $(".livechat-hint").removeClass("hide_hint").addClass("show_hint"); },function(){ $(".livechat-hint").removeClass("show_hint").addClass("hide_hint"); }).click(function(){ if(isMobile.any()){ window.location.href = 'mqqwpa://im/chat?chat_type=wpa&uin=1058875179&version=1&src_type=web&web_src=oicqzone.com'; }else{ window.open("http://wpa.qq.com/msgrd?v=3&uin=1058875179&site=qq&menu=yes"); } }); } ); </script>