特效介绍

css3在线客服和返回顶部代码
纯css3写的带有返回顶部按钮的在线客服插件,鼠标浮动到按钮上,会切换颜色,移动到微信按钮,会从按钮处弹出扫描微信二维码的图片,移动到短信按钮,会切换出反馈意见,移动到APP下载按钮,会弹出扫描二维码的图片。
使用方法
第一步:引入style.css文件,或者将文件内的代码拷贝到您的css文件里面
第二步:引入下面的html代码:
2 | < a href = "javascript:;" class = "toolbar-item toolbar-item-weixin" >< span class = "toolbar-layer" ></ span ></ a > |
3 | < a href = "javascript:;" class = "toolbar-item toolbar-item-feedback" ></ a > |
4 | < a href = "javascript:;" class = "toolbar-item toolbar-item-app" >< span class = "toolbar-layer" ></ span ></ a > |
5 | < a href = "javascript:scroll(0,0)" id = "top" class = "toolbar-item toolbar-item-top" ></ a > |