如何给自己网站添加QQ客服浮窗

QQ客服浮窗对于很多网站并不少见，学做网站论坛的页面的右侧面也有QQ客服浮窗，这是通过54KF的代码来做的，比较简单。（方法见：怎么在网站上加入QQ在线客服）

今天给广大学做网站学员介绍另一款QQ客服，效果如下：

怎么给自己的网站添加这款比较漂亮的QQ客服呢，方法如下：

1. 先下载客服代码压缩包（客服代码压缩包下载：https://pan.baidu.com/s/1pLjt9A7），然后解压，里面有一个qq.js和一个图片文件夹qqimages。
2. 将qq.js和qqimages文件夹一起上传到自己网站空间的根目录下。
3. 复制以下的CSS代码放到自己网站的CSS文件中，用来控制QQ客服的样式和背景。
   .qq{width:120px;}
   .qq_t{width:120px;}
   .qq_d{width:120px;}
   .qq_bg{width:130px; background:url(/qqimages/qq03.png) repeat-y; padding:10px 0px 10px; overflow:hidden;}
   .qq_bg ul{margin:0px; padding:0px;}
   .qq_bg li{width:90px; height:26px; float:left; margin-left:20px; text-align:left; line-height:26px; background:url(/qqimages/qq04.png) no-repeat; display:inline; margin-bottom:5px;}
   .qq_bg li a{color:#333;font-size:12px;text-decoration: none;}
   .qq_bg li a:hover{color:#FF0000; text-decoration: underline; font-size:12px;}
   .qq_bg li img{margin-top:4px; float:left; margin-left:10px; margin-right:5px;}
4. 使用以下的JS代码来调用QQ客服，放在自己网站需要显示客服的页面代码的底部，一般是</body>标签的上方。（网站域名改成自己网站的网址）
   <script src="http://网站域名/qq.js"></script>
5. 通过DW可以修改qq.js中的QQ号码为自己的QQ号码，这样QQ客服就完成了。

标签： isp 代码 域名

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。