首页 > 网页特效 > 在线客服 > 带独立浮窗面板的QQ客服代码 支持超多QQ客服设置

带独立浮窗面板的QQ客服代码 支持超多QQ客服设置

时间:2013-06-19    来源:酷站代码

仿紫田网络的一款网页右侧浮动QQ在线客服代码,带有独立的QQ客服面板,支持超多在线QQ客服号设置,网页右侧带浮动QQ导航条,随网页下拉悬浮在固定位置,可关闭,单击后会从网页下边弹出独立的QQ客服面板。

浏览器兼容:在IE7/8/9/10及fierfox 21、chrome 27、搜狗浏览器4.1上测试通过。

网页右侧浮动QQ导航条:

\

网页下边弹出的QQ客服面板:

\

安装方法:

1.在网页<head>区引入CSS控制文件:

<link href="qq.css" rel="stylesheet" type="text/css" />

2.在网页<body>区引入QQ客服代码控制文件,可放在底部靠近</body>的地方:

<script language="javascript" src="jquery-1.6.4.min.js" ></script>
<script language="javascript" src="qq.js" ></script>

注意:js文件放在网页代码顶部或底部都行,如果网页本身已经有引用了jquery库,侧不需要再引用jquery-1.6.4.min.js,但是qq.js文件必须放在jquery.js文件的下面。

3.修改或添加QQ客服号码:

打开qq.js文件,按照里面的格式修改原有QQ客服号码,如果要增加在线QQ号码,按里面的格式操作,注意要做转义,在引号前面加一个反斜杠“\”。

附:QQ在线状态生成器

特效推荐

热门特效