在线QQ客服浮动滑动代码

特效描述：基于jQuery实现 悬浮滑动 QQ客服代码，基于jQuery实现悬浮滑动QQ客服代码

代码部署教程

1. 引入CSS

<link rel=”stylesheet” type=”text/css” href=”css/global.css”/>

<link rel=”stylesheet” type=”text/css” href=”css/sidebar.css”/>

2. 引入JS

<script src=”js/jquery.min.js” type=”text/javascript”></script>

<script type=”text/javascript” src=”js/jquery.fixed.1.3.js”></script>

<script language=”javascript” src=”js/custom.js”></script>

3. HTML代码

<div style=”height:1000px;”></div>
<!– S 客服 –>
<div class=”scrollsidebar” id=”scrollsidebar2″>
<div class=”side_content”>
<div class=”side_list”>
<div class=”side_title”><a title=”隐藏” class=”close_btn”><span>关闭</span></a></div>
<div class=”side_center”>
<div class=”qqserver”>
<p>
<a title=”点击这里给我发消息” href=”http://www.cxvn.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes” target=”_blank”>
<img src=”http://www.cxvn.com/pa?p=1:123456789:47″> 小雨
</a>
</p>
<p>
<a title=”点击这里给我发消息” href=”http://www.cxvn.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes” target=”_blank”>
<img src=”http://www.cxvn.com/pa?p=1:123456789:47″> 小雨
</a>
</p>
<p>
<a title=”点击这里给我发消息” href=”http://www.cxvn.com/msgrd?v=3&amp;uin=123456789&amp;site=qq&amp;menu=yes” target=”_blank”>
<img src=”http://www.cxvn.com/pa?p=1:123456789:47″> 小雨
</a>
</p>
</div>
<hr>
<div class=”phoneserver”>
<p>乐分享</p>
<p>cxvn.com</p>
</div>
<hr>
<div class=”msgserver”>
<p><a href=”#”>给我们留言</a></p>
</div>
</div>
<div class=”side_bottom”></div>
</div>
</div>
<div class=”show_btn”><span>在线客服</span></div>
</div>
<!– E 客服 –>
<div style=”text-align:center;clear:both”>
</div>

下载地址

立即下载