<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>css3右下角悬浮圆形图标客服菜单代码</title>
<link rel="stylesheet" href="css/css.css">
</head>
<body>
<h1 style="padding: 50px;text-align: center;">在线客服插件,纯CSS实现,请点击右下角查看样式,简单易用,无冲突</h1>
<!-- 用法 直接引入JS文件 替换二维码图片以及QQ号码即可使用 -->
<div id="kefu">
<input type="checkbox" id="showKfList">
<label for="showKfList" class="topBtn"></label>
<span class="wechat">
<em class="eweima">
<img src="ewm.png" alt="datouwang.com">
<small>关注微信公众号</small>
</em>
</span>
<span class="qq" title="点击进行咨询" onClick="window.open('http://wpa.qq.com/msgrd?v=3&uin=换成你自己的QQ号码&site=qq&menu=yes');"></span>
<span class="other">
<dl class="tel">
<dt>13800138000</dt>
<dd>7*24小时客服电话</dd>
</dl>
</span>
</div>
<!-- 用法 直接引入JS文件 替换二维码图片以及QQ号码即可使用 -->
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源:<a href="https://www.lanrenzhijia.com/" target="_blank">懒人</a></p>
</div>
</body>
</html>