昨天在给一老哥添加QQ网站客服的时候,那个去网上搜索QQ客服源代码真叫个苦啊,下载下来的不是不能用就是太丑陋,自己看不过去,别看网络资源那么多,在当今的垃圾互联网时代,真正能用的好东西已经没几个了,有些东西简直是可遇而不可求,不过经过笔者的苦苦搜索,最终找到了自己心仪的一款代码,今天拿出来给大家分享一下,希望能给那些正在苦苦寻求QQ在线客服代码的人一些帮助。
先给大家展示一下效果,如下图所示,如果你感觉还不错,可以到文末进行下载,如果你实在看不过去,那还是另找他类吧~
首先说明一下,这个QQ在线客服代码是依附在网站右侧的,通过调用JS代码实现的,下文会提供使用方法。
这是挂上源码后,在网站的展示效果,默认是收缩的,非常友好并且不挡网站内容。
这是鼠标放上去后的效果图,鼠标放上去就展示QQ在线客服,点击就可以直接对话了,如果鼠标离开,QQ在线客服源码就会自动收缩回去。
下面主要介绍一下本文提供的QQ在线客服代码的使用方法:
首先下载QQ在线客服悬浮代码压缩包,解压后,直接将qq这个文件夹上传至网站根目录,并且将qq.js和qq.css添加到网站<head>与</head>之间,这都是老生常谈了,一般都会添加。
比如:
<LINK rel="stylesheet" href="http://www.XXX.com/qq/qq.css" type="text/css"/>
<SCRIPT language="javascript" src="http://www.XXX/qq/qq.js" type="text/javascript"></SCRIPT>
一般这样添加好以后,在网站就可以显示QQ客服代码了。
需要注意的是,本文提供的qq.js文件默认是utf-8编码的,如果你的网站gb-2312编码,那么请将qq.js打开,然后另存为一下,在存的时候选择编码就可以了。