CSS实现网站右下角在线客服代码-易站站长网

CSS实现网站右下角在线客服代码

5月11日更新

09249

代码介绍：

又下角悬浮QQ、微信、电话、点击可展开和收缩，具体请查看演示效果。

演示地址：

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

效果图片：

代码如下：

<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 -->
<link rel="stylesheet" href="https://www.yizhanzzw.com/yanshi/kefu3/css/css.css">
<div id="kefu">
<input type="checkbox" id="showKfList">
<label for="showKfList" class="topBtn"></label>
<span class="wechat">
<em class="eweima">
<img src="https://www.yizhanzzw.com/yanshi/kefu3/ewm.png" alt="微信图片">
<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>
<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->

使用说明：

1.复制以上代码从 复制到

2.建议将代码放入到网站的<body></body>或者<footer></footer>之间、或者网站后台有插入第三方统计代码的地方，也可以直接放入第三方统计代码中。

3.刷新已经放入的网站，即可生效。

代码修改提示说明：

1.代码中的图片地址只是为了展示效果采用本站的图片地址，正式使用的时候可以自定义修改为自己的图片地址。

2.代码中的CSS和JS引用链接地址，非必要，建议不要修改，本站地址永久有效，并且秒加载。

3.如果不能在代码中直接修改为自己的信息，那么只需要将本站引用的CSS/JS下载到本地即可实现修改使用。

4.如果是对代码没有基础的同学，建议只修改代码中的自己需要展示的信息即可，代码字符就请勿修改，以防止乱码不能正常显示。

5.如果是对代码有一定基础的同学，当然是想怎么改就怎么改啦~

THE END

在线客服
# CSS特效代码 # 在线客服代码

喜欢就点个赞再走呗~

相关热门内容

说点什么抢沙发

说点正能量的内容吧

提交

暂无评论内容