在线QQ客服浮动滑动代码

yanyan 2019-11-22 78 阅读

特效描述:基于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>

演示地址下载地址

最新游戏