特效描述:采用jQuery实现 右侧悬浮 在线客服代码,采用jQuery实现右侧悬浮在线客服代码

代码部署教程

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<!–kefu–>
<div id=”floatTools” class=”rides-cs” style=”height:246px;”>
<div class=”floatL”>
<a style=”display:block” id=”aFloatTools_Show” class=”btnOpen” title=”查看在线客服” style=”top:20px” href=”javascript:void(0);”>展开</a>
<a style=”display:none” id=”aFloatTools_Hide” class=”btnCtn” title=”关闭在线客服” style=”top:20px” href=”javascript:void(0);”>收缩</a>
</div>
<div id=”divFloatToolsView” class=”floatR” style=”display: none;height:237px;width: 140px;”>
<div class=”cn”>
<h3 class=”titZx”>乐分享在线客服</h3>
<ul>
<li><span>客服小吴</span> <a target=”_blank” href=”http://www.cxvn.com//msgrd?v=3&uin=123456789&site=qq&menu=yes”><img border=”0″ src=”images/online.png” alt=”点击这里给我发消息” title=”点击这里给我发消息”/></a> </li>
<li><span>客服小李</span> <a target=”_blank” href=”http://www.cxvn.com//msgrd?v=3&uin=123456789&site=qq&menu=yes”><img border=”0″ src=”images/online.png” alt=”点击这里给我发消息” title=”点击这里给我发消息”/></a> </li>
<li><span>客服小钟</span> <a target=”_blank” href=”http://www.cxvn.com//msgrd?v=3&uin=123456789&site=qq&menu=yes”><img border=”0″ src=”images/online.png” alt=”点击这里给我发消息” title=”点击这里给我发消息”/></a> </li>
<li>
<a href=”http://www.cxvn.com//Js” target=”_blank”>腾讯微博</a>
<a href=”http://www.cxvn.com//Js” target=”_blank”>新浪微博</a>
<div class=”div_clear”></div>
</li>
<li style=”border:none;”><span>电话:400-123-4567</span> </li>
</ul>
</div>
</div>
</div>
<!–kefu–>

下载地址

立即下载

1.《蓝色右侧悬浮在线客服代码》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《蓝色右侧悬浮在线客服代码》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.cxvn.com/code/kf/821.html