【qq领地网】分享本站正在使用的QQ悬浮客服代码

【qq领地网】分享本站正在使用的QQ悬浮客服代码

精品源码原创投稿2019-08-12 18:46:2695380A+A-百度收录:

分享本站正在使用用的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,有两个位置

点击这里复制本文地址 以上内容由QQ领地网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

QQ领地网 © All Rights Reserved.  
Powered by Z-BlogPHP Themes by iKooc
联系我们| 关于我们| 留言建议| 网站管理