首页 > 特效插件 > 在线客服 >  css3在线客服和返回顶部代码正文

css3在线客服和返回顶部代码

特效介绍
css3在线客服和返回顶部代码
css3在线客服和返回顶部代码

纯css3写的带有返回顶部按钮的在线客服插件,鼠标浮动到按钮上,会切换颜色,移动到微信按钮,会从按钮处弹出扫描微信二维码的图片,移动到短信按钮,会切换出反馈意见,移动到APP下载按钮,会弹出扫描二维码的图片。
使用方法
第一步:引入style.css文件,或者将文件内的代码拷贝到您的css文件里面

第二步:引入下面的html代码:
<div class="toolbar">
   <a href="javascript:;" class="toolbar-item toolbar-item-weixin"><span class="toolbar-layer"></span></a>
   <a href="javascript:;" class="toolbar-item toolbar-item-feedback"></a>
   <a href="javascript:;" class="toolbar-item toolbar-item-app"><span class="toolbar-layer"></span></a>
   <a href="javascript:scroll(0,0)" id="top" class="toolbar-item toolbar-item-top"></a>
</div>