可拖动js网站在线客服代码-易站站长网

代码介绍：

可在网页中任意拖动位置的js在线客服代码，点击可进行折叠与展开，具体效果请查看演示。

把代码中必要的数字/文字/图片信息修改为自己的信息，即可投入到自己的网站使用。

演示地址：

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

演示效果图片：

代码如下：

	<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 --> 
<script type="text/javascript" src="https://www.yizhanzzw.com/yanshi/kefu40/js/jquery.js"></script>
<link href="https://www.yizhanzzw.com/yanshi/kefu40/css/yizhanzzw.css" type="text/css" rel="stylesheet" />
<div class="headeline"></div>
<div style="height:1000px;"></div>
<div id="KeFuDiv" class="KeFuDiv">
  <div> <img src="https://www.yizhanzzw.com/yanshi/kefu40/images/up_001.gif" height="55" border="0" usemap="#Map" style="cursor:move;" onmousedown="MoveDiv(KeFuDiv,event);" title="拖动" />
    <map name="Map" id="Map">
      <area shape="circle" coords="105,10,8" href="javascript:" onclick="KeFuDiv.style.display='none';" title="关闭"/>
    </map>
  </div>
  <div class="KeFuList">
    <div class="KeFuTitle">会员客服</div>
    <div class="KeFuItem"> <a target="_blank" href="tencent://message/?uin=123456&Site=&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:17905772:3" alt="有事点这里"></a> </div>
    <div class="KeFuItem"> <a target="_blank" href="tencent://message/?uin=123456&Site=&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:17905772:2" alt="有事点这里"></a> </div>
  </div>
  <div><img src="https://www.yizhanzzw.com/yanshi/kefu40/images/bot_001.gif" border="0"></div>
</div>
<!--KeFuDiv end-->
<script type="text/javascript" src="js/online.js"></script>
<script type="text/javascript">
//初始位置
gID("KeFuDiv").style.top = (document.documentElement.clientHeight - gID("KeFuDiv").offsetHeight)/2 +"px";
gID("KeFuDiv").style.left = document.documentElement.clientWidth - gID("KeFuDiv").offsetWidth +"px";
//开始滚动
ScrollDiv('KeFuDiv');
</script>
			<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->