始终固定在网站右上角在线客服QQ代码-易站站长网

代码介绍：

始终固定在网站右上角在线客服QQ代码，点击可进行折叠与展开，具体效果请查看演示。

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

演示地址：

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

演示效果图片：

代码如下：

<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 --> 
<link href="https://www.yizhanzzw.com/yanshi/kefu29/css/yizhanzzw.css" rel="stylesheet" type="text/css">
<script src="https://www.yizhanzzw.com/yanshi/kefu29/js/jquery.min.js" type="text/javascript"></script>
<div id="kefu">
  <div class="box-content off">
    <div class="title-btn cu"><span><a href="http://www.yizhanzzw.com/"></a></span></div>
    <div class="pad"> <a href="http://sighttp.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes" class="qq" style="margin-right:16px">售前咨询</a><a href="http://sighttp.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes" class="qq">广告-合作</a>
      <div class="phone"></div>
      <a href="http://www.yizhanzzw.com/" class="service" target="_blank"></a> </div>
    <div class="text"> 客服时间：(9:00-18:00)<br>
      （周六日休息） </div>
  </div>
</div>
<script type="text/javascript"> 
$(".select").hover(
  function () {
    $(this).find(".msgNav").show();
  },
  function () {
    $(this).find(".msgNav").hide();
  }
);
$(".title-btn").toggle(
  function () {
    $(this).addClass("on");
	$(this).parent(".box-content").removeClass("off");
  },
  function () {
    $(this).removeClass("on");
	$(this).parent(".box-content").addClass("off");
  }
);
</script>
<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->