网站右侧可收缩展开QQ在线客服代码-易站站长网

代码介绍：

鼠标点击展开与收缩在线客服，可设置9个QQ客服，具体效果请查看演示。

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

演示地址：

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

演示效果图片：

代码如下：

<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 --> 
<script type="text/javascript" src="https://www.yizhanzzw.com/yanshi/kefu22/js/yizhanzzw.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.yizhanzzw.com/yanshi/kefu22/css/yizhanzzw.css" />
<div id="box"> <span class="title">在线客服</span> <img class='csimg' src='https://www.yizhanzzw.com/yanshi/kefu22/images/yizhanzzw.png'/> <span class='info'>产品咨询</span>
  <ul class='qq'>
    <li><span class='txt'>咨询客服1：</span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=47430218&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:47430218:51" alt="我们竭诚为您服务！" title="我们竭诚为您服务！"/></a></li>
    <li><span class='txt'>咨询客服2：</span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=47430218&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:47430218:51" alt="我们竭诚为您服务！" title="我们竭诚为您服务！"/></a></li>
    <li><span class='txt'>咨询客服3：</span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=47430218&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:47430218:51" alt="我们竭诚为您服务！" title="我们竭诚为您服务！"/></a></li>
  </ul>
  <span class='info'>售后服务</span>
  <ul class='qq'>
    <li><span class='txt'>售后咨询1：</span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=47430218&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:47430218:51" alt="我们竭诚为您服务！" title="我们竭诚为您服务！"/></a></li>
    <li><span class='txt'>售后咨询2：</span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=47430218&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:47430218:51" alt="我们竭诚为您服务！" title="我们竭诚为您服务！"/></a></li>
    <li><span class='txt'>售后咨询3：</span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=47430218&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:47430218:51" alt="我们竭诚为您服务！" title="我们竭诚为您服务！"/></a></li>
  </ul>
  <span class='info'>技术支持</span>
  <ul class='qq'>
    <li><span class='txt'>技术咨询1：</span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=47430218&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:47430218:51" alt="我们竭诚为您服务！" title="我们竭诚为您服务！"/></a></li>
    <li><span class='txt'>技术咨询2：</span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=47430218&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:47430218:51" alt="我们竭诚为您服务！" title="我们竭诚为您服务！"/></a></li>
    <li><span class='txt'>技术咨询3：</span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=47430218&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:47430218:51" alt="我们竭诚为您服务！" title="我们竭诚为您服务！"/></a></li>
  </ul>
</div>
<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->