网站右侧QQ、微信、微博二维码在线客服代码-易站站长网

代码介绍：

可设置QQ，微信，微博咨询方式以及二维码图片展示，具体效果请查看演示。

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

演示地址：

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

演示效果图片：

代码如下：

<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 --> 
<link href="https://www.yizhanzzw.com/yanshi/kefu23/css/yizhanzzw.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://www.yizhanzzw.com/yanshi/kefu23/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="https://www.yizhanzzw.com/yanshi/kefu23/js/jquery.bxSlider.min.js"></script>
<div style="height:1200px;"></div>
<div class="serviceleft">
  <div class="si_serviceleft">
    <div class="si_serviceleft2" style="display: block;">
      <ul>
        <li class="si_serviceleftLI1" style=""><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes">QQ咨询</a></li>
        <li class="si_serviceleftLI2" style=""><a target="_blank" href="#">官方微博</a>
          <div style="display: none;"><img src="https://www.yizhanzzw.com/yanshi/kefu23/images/wb2wm.png"></div>
        </li>
        <li class="si_serviceleftLast" style=""><a target="_blank" href="#">官方微信</a>
          <div style="display: none;"><img src="https://www.yizhanzzw.com/yanshi/kefu23/images/wx2wm.png"></div>
        </li>
      </ul>
    </div>
  </div>
</div>
<script>
$(function(){
    $(".si_serviceleftLast").hover(function(){
    $(".si_serviceleftLast div").fadeIn(0);
    },function(){
        $(".si_serviceleftLast div").fadeOut(0);
    })
    $(".si_serviceleftLI2").hover(function(){
    $(".si_serviceleftLI2 div").fadeIn(0);
    },function(){
        $(".si_serviceleftLI2 div").fadeOut(0);
    })
    $(".si_serviceleft2 ul li").hover(function(){
        $(this).css('background-color','#d93d69');
        },function(){
        $(this).css('background-color','');
        })
    })
</script>
<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->