jQuery插件-网站右侧展开收缩在线客服代码-易站站长网

源码介绍：

列表形式的在线客服，可关闭和打开。

把代码中的文字信息和图片链接地址替换改为自己的即可投入到自己的网站使用。

演示地址：

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

效果图片：

代码如下：

<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 --> 
<script type="text/javascript" src="https://www.yizhanzzw.com/yanshi/kefu8/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="https://www.yizhanzzw.com/yanshi/kefu8/js/index.js"></script>
<link rel="stylesheet" type="text/css"  href="https://www.yizhanzzw.com/yanshi/kefu8/css/index.css"/>
<div class="qq-client">
    <a href="javascript:void(0);" class="qq-client-open">点<br/>击<br/>展<br/>开</a>
</div>

<div class="qq-client-content">
    <h1>在线客户<span class="qq-client-close">关闭</span></h1>
    <div class="qq-client-list">
        <div class="client-list"><a href="#1"><label>小明：</label><span>点击联系</span></a> </div>
        <div class="client-list"><a href="#2"><label>小明：</label><span>点击联系</span></a> </div>
        <div class="client-list"><a href="#3"><label>小明：</label><span>点击联系</span></a> </div>
        <div class="client-list"><a href="#4"><label>小明：</label><span>点击联系</span></a> </div>
        <div class="client-list" style="border-bottom: none"><a href="#5"><label>小明：</label><span>点击联系</span></a> </div>
    </div>
</div>

<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->