qq在线客服代码

最新推荐文章于 2011-12-09 09:22:30 发布
最新推荐文章于 2011-12-09 09:22:30 发布
阅读量355 收藏
点赞数
文章标签： qq border 咨询 menu class function

浮动QQ在线客服&网站QQ在线咨询

第一步：先把以下代码保存为kefu.htm

第二步：按橙色说明修改

绿色部分是要修改的内容，html文档中不包括说明文字：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

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

</head>

<script>

var online= new Array();

if (!document.layers)

document.write('<div id="divStayTopLeft" style="position:absolute">')

</script>

<layer id="divStayTopLeft">

<table border="0" width="110" cellspacing="0" cellpadding="0">

<tr><td width="110"><img border=0 src=images/kefu_up.gif></td></tr>

<script src="http://webpresence.qq.com/getonline?Type=1&27089965:27043921:56129874:"></script>

将绿色部分修改成你的所有客服QQ，多个QQ用半角冒号隔开，最后一个QQ号后面也必须以半角冒号结束

 

以下部分显示第1个客服QQ，注意：online[0]

<tr><td valign=middle  background=images/kefu_middle.gif>

<script>

if (online[0]==0)

document.write("&nbsp;&nbsp;<img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=27089965&Site=在线咨询&Menu=no' title='客服不在线，请留言'>售前咨询</a>");

else

document.write("&nbsp;&nbsp;<img src=images/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=27089965&Site=在线咨询&Menu=no' title='在线即时交谈'>售前咨询</a>");

</script >

</td></tr>

 

以下部分显示第2个客服QQ，注意：online[1]

<tr><td valign=middle  background=images/kefu_middle.gif>

<script>

if (online[1]==0)

document.write("&nbsp;&nbsp;<img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=27043921&Site=在线咨询&Menu=no' title='客服不在线，请留言'>技术支持</a>");

else

document.write("&nbsp;&nbsp;<img src=images/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=27043921&Site=在线咨询&Menu=no' title='在线即时交谈'>技术支持</a>");

</script >

</td></tr>

 

以下部分显示第3个客服QQ，注意：online[2]。

<tr><td valign=middle  background=images/kefu_middle.gif>

<script>

if (online[2]==0)

document.write("&nbsp;&nbsp;<img src=images/QQoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=240434782&Site=在线咨询&Menu=no' title='客服不在线，请留言'>代理合作</a>");

else

document.write("&nbsp;&nbsp;<img src=images/QQonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=240434782&Site=在线咨询&Menu=no' title='在线即时交谈'>代理合作</a>");

</script >

</td></tr>

 

多个QQ，按以上规律复制上面的代码后修改online[0] 中的数字（第1个QQ为online[0]、第2个QQ为online[1]、第3个为online[2]，以此类推）和QQ号（每组代码中有2处位置改为QQ号、2处位置改为昵称）。

 

<tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr>

</table>

</layer>

<script type="text/javascript">

//Enter "frombottom" or "fromtop"

var verticalpos="frombottom"

if (!document.layers)

document.write('</div>')

function JSFX_FloatTopDiv()

{

下面的var startX =3是水平位置，250是垂直位置；默认情况在屏幕左侧显示，若要改为右侧显示，修改3的值（var startX =3改为var startX =screen.width-150）即可。

       var startX =3,

       startY = 250;

       var ns = (navigator.appName.indexOf("Netscape") != -1);

       var d = document;

       function ml(id)

       {

              var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];

              if(d.layers)el.style=el;

              el.sP=function(x,y){this.style.left=x;this.style.top=y;};

              el.x = startX;

              if (verticalpos=="fromtop")

              el.y = startY;

              else{

              el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

              el.y -= startY;

              }

              return el;

       }

       window.stayTopLeft=function()

       {

              if (verticalpos=="fromtop"){

              var pY = ns ? pageYOffset : document.body.scrollTop;

              ftlObj.y += (pY + startY - ftlObj.y)/8;

              }

              else{

              var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;

              ftlObj.y += (pY - startY - ftlObj.y)/8;

              }

              ftlObj.sP(ftlObj.x, ftlObj.y);

              setTimeout("stayTopLeft()", 10);

       }

       ftlObj = ml("divStayTopLeft");

       stayTopLeft();

}

JSFX_FloatTopDiv();

</script>

</html>

第三步：下载相关素材(在图片上点右键－图片另存为…)，保存到images目录下。

http://imis.qq.com/images/wpa/images/kefu_up.gif

http://imis.qq.com/images/wpa/images/ kefu_middle.gif

http://imis.qq.com/images/wpa/images/ kefu_down.gif

http://imis.qq.com/images/wpa/images/ QQonline.gif

http://imis.qq.com/images/wpa/images/ QQoffline.gif

http://imis.qq.com/css/im.css

第四步：将所有文件和目录保持原有结构（kefu.htm和文件夹images），拷贝到您的网站目录中，在你要添加“浮动QQ在线客服”的页面的最后面添加一行：<!--#include file="kefu.htm"-->

 

 （参考网上代码及腾讯互动服务改编）

lifei3916
关注
QQ在线客服代码
03-11
jQuery网页右侧固定悬浮层qq在线客服，服务热线，扫一扫二维码，购物车、页面滚动返回顶部代码。
自动隐藏的QQ在线客服代码.zip
07-11
代码简介：自动隐藏的QQ在线客服代码是一款基于jQuery实现的默认展开可自动隐藏的QQ在线客服代码，界面非常简洁，此款JS代码特效可按客服功能放置不同的客服QQ号码，鼠标移上去即展开客服信息，移走自动隐藏，如果...
在线客服QQ代码
魔拉宝
05-25 8468
第一种特效：腾讯qq互动状态代码&自动识别在线状态将您的QQ/TM的在线状态发布在互联网上；点击“QQ图标”不用加好友也可以聊天；寻找商机，广交朋友，"互动状态"给您更便捷的交互体验。 步骤如下： 一、打开腾讯qq互动状态代码生成页http://is.qq.com/webpresence/code.shtml按步骤生成自己的QQ/TM代码二、用网页制作工具或记事本（
qq 在线客服代码
dangerous_fire的专栏
12-09 5585
把以下代码嵌入到网页中，可以实现在线客服的效果。代码是腾讯提供的。  开通“QQ在线状态”后，您可以通过张贴代码在更多网站生成“QQ在线状态”按钮。 同时，您可在“设置”页面管理以下内容，且不需要重新张贴代码。 1）设置临时会话发送文件（包括截图）、进行语音或视频沟通的能力。 2）开启或关闭来自某网站的临时会话，设置网站黑、白名单。 3）屏蔽来自某QQ号码发起的临时会话。 4）设置接收
QQ在线客服代码源代码
03-18
2. QQ代码：这里的QQ代码通常指的是腾讯提供的API或者SDK，允许开发者将QQ在线客服功能集成到自己的网站上。这些代码可能包括JavaScript和PHP两种形式，JavaScript用于处理前端展示和用户交互，而PHP则在服务器端...
网页右侧蓝灰色QQ在线客服代码
06-10
始终固定在网页右上角的一款qq在线客服代码 当然，你也可以做适当修改 在其中添加号码、msn之类的账号聊天接口 距离网页顶部100px，可根据实际需要做适当修改 当然，最大的特点是代码简洁，整体蓝灰色 能...
网页右侧支持语音效果的QQ在线客服代码.rar
最新发布
06-23
网页右侧支持语音效果的QQ在线客服代码.rar 网页右侧支持语音效果的QQ在线客服代码.rar 网页右侧支持语音效果的QQ在线客服代码.rar 网页右侧支持语音效果的QQ在线客服代码.rar 网页右侧支持语音效果的QQ在线客服代码...
QQ在线客服系统代码
03-31
网站QQ在线客服系统大全，可移动、可拖动以及固定的全有。
QQ在线客服状态代码
08-02
使用方法：只需把你需要显示页面的<body>和</body>间的代码复制到你需要放QQ客服的页面，然后将images文件夹中的图片放到相关目录就可！ 特别申请，我是根据网上asp版改的！ 支持：html,asp,php,jsp,采用js实现。
qq在线客服代码，客服js代码
05-29
qq客服js代码，漂浮形式的，显示在网页右边，精简代码，容易看懂。
网站建设公司在线QQ客服代码.zip
05-24
网站建设公司在线QQ客服代码是一款默认收缩悬浮在网页右侧，鼠标点击展开在线客服。包括销售咨询、美工咨询、技术咨询、优化咨询、技术咨询、财务咨询、联系方式等客服菜单。
实现右侧悬浮QQ在线客服代码示例
在线客服（QQ）源码是一种用于网站或应用程序集成的代码片段，它允许用户通过弹出式对话框与客服人员进行实时交流，提升用户体验并促进客户支持。这个特定的源码主要关注的是实现一个右侧悬浮的QQ在线客服功能，以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值