右侧可收缩浮动qq在线客服代码

蜜瓜电影网 2019-11-22 146 阅读

特效描述:基于jQuery实现 右侧可收缩 网页在线客服,基于jQuery实现右侧可收缩网页在线客服代码

代码部署教程

1. 引入CSS

<link href="css/zzsc.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

<script type="text/javascript" src="js/zzsc.js"></script>

3. HTML代码

<div class="qqserver">
<div class="qqserver_fold">
<div></div>
</div>
<div class="qqserver-body" style="display: block;">
<div class="qqserver-header">
<div></div>
<span class="qqserver_arrow"></span> </div>
<ul>
<li> <a title="点击这里给我发消息" href="http://www.cxvn.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes" target="_blank">
<div>客服咨询</div>
<span>琳琳</span> </a> </li>
<li> <a title="点击这里给我发消息" href="http://www.cxvn.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes" target="_blank">
<div>客服咨询</div>
<span>云云</span> </a> </li>
<li> <a title="点击这里给我发消息" href="http://www.cxvn.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes" target="_blank">
<div>推广合作</div>
<span class="qqserver-service-alert">单单</span> </a> </li>
</ul>
<div class="qqserver-footer"><span class="qqserver_icon-alert"></span><a class="text-primary" href="http://www.cxvn.com/" target="_blank">大家都在说</a> </div>
</div>
</div>

演示地址下载地址

最新游戏