客服菜单logo是利用纯css实现的,默认悬浮网站右下角,鼠标经过显示QQ客服、微信二维码、电脑号码等。
代码已全部打包,在kf.html内修改成自己的信息后复制到你网站首页即可。
复制代码后需要把css长传至网站根目录,下面为整合打包文件
点击下载 纯css客服代码网页链接
kf.html代码演示:
<!--css-->
<link rel="stylesheet" href="css/datouwang.com.css">
<!--js-->
<div id="kefu">
<input type="checkbox" id="showKfList">
<label for="showKfList" class="topBtn"></label>
<span class="wechat">
<em class="eweima">
<img src="http://www.yxew.cn/logo.png" alt="datouwang.com">
<small>关注微信公众号</small>
</em>
</span>
<span class="qq" title="点击进行咨询" onClick="window.open('http://wpa.qq.com/msgrd?v=3&uin=133144776&site=qq&menu=yes');"></span>
<span class="other">
<dl class="tel">
<dd>电话</dd>
<dd>7*24小时客服电话</dd>
</dl>
</span>
</div>
本文来自:
易迅耳闻原文链接:http://www.yxew.cn/117.html
代码已全部打包,在kf.html内修改成自己的信息后复制到你网站首页即可。
复制代码后需要把css长传至网站根目录,下面为整合打包文件
点击下载 纯css客服代码网页链接
kf.html代码演示:
<!--css-->
<link rel="stylesheet" href="css/datouwang.com.css">
<!--js-->
<div id="kefu">
<input type="checkbox" id="showKfList">
<label for="showKfList" class="topBtn"></label>
<span class="wechat">
<em class="eweima">
<img src="http://www.yxew.cn/logo.png" alt="datouwang.com">
<small>关注微信公众号</small>
</em>
</span>
<span class="qq" title="点击进行咨询" onClick="window.open('http://wpa.qq.com/msgrd?v=3&uin=133144776&site=qq&menu=yes');"></span>
<span class="other">
<dl class="tel">
<dd>电话</dd>
<dd>7*24小时客服电话</dd>
</dl>
</span>
</div>
本文来自:
易迅耳闻原文链接:http://www.yxew.cn/117.html