分享本站正在使用的QQ悬浮客服代码

emlog模板 3年前 (2018) Mgo
0

分享本站正在使用用的QQ悬浮客服代码,效果如上图,加在头部文件或者底部文件就行

<style> .site-contact{position:fixed;left:40px;bottom:40px;z-index:999}.site-contact .btn{border-radius:50px;box-shadow:1px 3px 0 rgba(0,0,0,0.1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.site-contact .btn:hover{position:relative;top:1px}@media (max-width: 544px){.site-contact{display:none;left:20px;bottom:20px}} </style>
<div class="site-contact">
 <a class="btn btn-success" title="QQ 46185770" href="http://wpa.qq.com/msgrd?v=3&uin=46185770&site=qq&menu=yes">QQ咨询</a>
</div>

PS:上面代码是左侧悬浮效果,需要右侧悬浮的可以把上面代码中的left改成right,有两个位置

版权声明:Mgo 发表于 2018-06-08 10:50:56。
转载请注明:分享本站正在使用的QQ悬浮客服代码 | 站长聚集地

暂无评论

暂无评论...