直接使用代码

图片素材

点击下载本素材所包含的图片，js文件

css代码

 <style>

.quickbox{ padding: 49px 0px 0px; width: 172px; zoom: 1; left: 50%; margin-left: 500px; position: fixed; bottom: 100px; _margin-bottom: 100px; left: 50%; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); border: 2px solid #2dcc70; background: #FFF url(http://www.bootfastui.cn/img/2021/0516-3/onlinetit.gif) no-repeat left top; font-size: 16px; color: #333; line-height: 25px; z-index: 2147483647;}
.qqlist { padding: 8px 0px 0px 17px; }
.qqlist li { color: #333333; font-size: 14px; padding-top: 5px; }
.qqlist li img { vertical-align: middle; z-index: 1; }
.quickbox .tel { line-height: 30px; text-align: center; padding: 9px 0px 5px; }
.quickbox .tel em { font-family: Verdana, Geneva, sans-serif; font-style: normal; color: #ff6363; font-weight: bold; }
.quickbox .tel2 { font-size: 14px; color: #5E5E5E; padding: 0px 0px 9px 12px; }
.quickbox .togocart { background: #ffc62f; height: 45px; text-align: center; display: block; font-size: 20px; line-height: 45px; border-top: 2px solid #2dcc70; }
.quickbox .togocart:hover { background: #FFBF15; color: #000; }
</style>

HTML+JS代码

 
<!--在线客服-->
<div class="quickbox">
  <ul class="qqlist">
    <img src="/Public/images/erweima.png" alt="" width="130" />
    <li>QQ1：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2818888806&site=qq&menu=yes"><img
          src="http://wpa.qq.com/pa?p=2:281825006:51" alt="点击这里给我发消息" border="0" align="absmiddle"
          title="点击这里给我发消息" /></a>
    </li>
    <li>QQ2：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2818888006&site=qq&menu=yes"><img
          src="http://wpa.qq.com/pa?p=2:281825006:51" alt="点击这里给我发消息" border="0" align="absmiddle"
          title="点击这里给我发消息" /></a>
    </li>
    <li>QQ3：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=28188888006&site=qq&menu=yes"><img
          src="http://wpa.qq.com/pa?p=2:281825006:51" alt="点击这里给我发消息" border="0" align="absmiddle"
          title="点击这里给我发消息" /></a>
    </li>
  </ul>
  <div class="tel">全国客服咨询电话<br>
    <em>010-61258888 </em>
  </div>
  <div class="tel2">售后：010-61258888<br>
    投诉：13693348888
  </div>
  <a href="" class="togocart">立即购买</a>
</div>
<!--在线客服end-->