直接使用代码
图片素材
点击下载本素材所包含的图片,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-->