网站右侧QQ在线客服代码（可关闭展开）-易站站长网

代码介绍：

网站右侧客服代码，点击可关闭在线客服中心，可设置多个QQ，具体效果请查看演示。

把代码中必要的数字/文字信息修改为自己的信息，即可投入到自己的网站使用。

演示地址：

https://www.yizhanzzw.com/yanshi/kefu20/

演示效果图片：

代码如下：

<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 --> 
<link href="https://www.yizhanzzw.com/yanshi/kefu20/css/yizhanzzw.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://www.yizhanzzw.com/yanshi/kefu20/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="https://www.yizhanzzw.com/yanshi/kefu20/js/lanrenzhijia.js"></script>
<div id="floatTools" class="lanrenzhijia-cs">
  <div class="floatL"> <a style="display: block" id="aFloatTools_Show" class="btnOpen" title="查看在线客服" onClick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show();kf_setCookie('RightFloatShown', 0, '', '/', 'www.yizhanzzw.com'); });$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');" href="javascript:void(0);"> 展开</a> <a style="display: none" id="aFloatTools_Hide" class="btnCtn" title="关闭在线客服" onClick="javascript:$('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide();kf_setCookie('RightFloatShown', 1, '', '/', 'www.yizhanzzw.com'); });$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');" href="javascript:void(0);"> 收缩</a> </div>
  <div id="divFloatToolsView" class="floatR" style="display: none">
    <div class="cn">
      <h3 class="titZx">产品销售</h3>
      <ul>
        <li><span>客服1</span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes"> <img border="0" src="http://wpa.qq.com/pa?p=2:123456:51" alt="ShopNC客服1" title="ShopNC客服1" /></a> </li>
        </li>
        <li><span>客服2</span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes"> <img border="0" src="http://wpa.qq.com/pa?p=2:123456:51" alt="ShopNC客服2" title="ShopNC客服2" /></a></li>
      </ul>
      <h3>大宗订制</h3>
      <ul>
        <li><span>订 制</span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes"> <img border="0" src="http://wpa.qq.com/pa?p=2:123456:51" alt="大宗订制服务" title="大宗订制服务" /></a></li>
      </ul>
      <h3>售后服务</h3>
      <ul>
        <li><span>售 后</span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes"> <img border="0" src="http://wpa.qq.com/pa?p=2:123456:51" alt="售后服务客服" title="售后服务客服" /></a></li>
      </ul>
    </div>
  </div>
</div>
<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->