1.安装Live chat接线客户端

   下载onlineClient_Setup.exe>>,并默认安装该软件到您的电脑里,登录方式

    服务器:chat.OkServer.com.cn
    用户:test
    密码:test

如图:

2.Live chat设置连接项

在您的网站显眼位置放置Live chat图片或文字连接项,连接一个live chat页面,如:livechat.htm

3.网站中插入livechat代码与效果

    建立一个livechat页面,如:livechat.htm,将如下代码copy到网页中,以下列出方式,选择一个种

方式一.单用户连接方式
    不显示在线/离线状态,文字连接,查看演示>>

<a href="javascript:void(0);" onclick="javascript:window.open('http://chat.okserver.com.cn:6660/bigantweb/Talk.html?lang=cn&LoginName='+ escape('test') +'&UserName='+ escape('test') +'&DeptInfo='+ escape('okserver') +'&JobTitle='+ escape('') +'&OPhone='+ escape('') +'&Mobile='+ escape('') +'&Pic='+ escape(''),'talk','width=535,height=435,left=250,top=150,scrollbars=auto,resizable=1');">livechat,点击立即洽谈>></a>

方式二.多用户列表浮动方式
    跟鼠标上下移动,所有用户在线/离线状态显示,查看演示>>

方式三.单用户浮动方式
     LiveChat图片与鼠标上下移动

  在asp网页包含Livechat.php连接        在php网页包含livechat.php代码

<script> var onlinelivechat= new Array(); if (!document.layers) document.write('<div id="divStayToplivechat" style="position:absolute">') </script> <layer left="8" id="divStayToplivechat"> 　<script language="javascript" src="http://chat.okserver.com.cn:6660/bigantweb/chat3.js"></script> <script language="javascript"> antPageServer = "http://chat.okserver.com.cn:6660/bigantweb/" lang="cn"; drawUser("test"); </script> </layer><script type="text/javascript"> var verticalposlivechat="frombottom" if (!document.layers) document.write('</div>') function JSFX_FloatTopDivlivechat() { //默认情况显示在屏幕左侧，若要显示在右侧，修改下面的startX=5,右边一般设置850 var startX =5, startY = 540; 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 (verticalposlivechat=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; el.y -= startY; } return el; } window.stayToplivechat=function() { if (verticalposlivechat=="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("stayToplivechat()", 10); } ftlObj = ml("divStayToplivechat"); stayToplivechat(); } JSFX_FloatTopDivlivechat(); </script>

英文方式,查看演示>>

<script> var onlinelivechat= new Array(); if (!document.layers) document.write('<div id="divStayToplivechat" style="position:absolute">') </script> <layer left="8" id="divStayToplivechat"> 　<script language="javascript" src="http://chat.okserver.com.cn:6660/bigantweb/chat3en.js"></script> <script language="javascript"> antPageServer = "http://chat.okserver.com.cn:6660/bigantweb/" lang="en"; drawUser("test"); </script> </layer><script type="text/javascript"> var verticalposlivechat="frombottom" if (!document.layers) document.write('</div>') function JSFX_FloatTopDivlivechat() { //默认情况显示在屏幕左侧，若要显示在右侧，修改下面的startX=5,右边一般设置850 var startX =5, startY = 540; 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 (verticalposlivechat=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; el.y -= startY; } return el; } window.stayToplivechat=function() { if (verticalposlivechat=="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("stayToplivechat()", 10); } ftlObj = ml("divStayToplivechat"); stayToplivechat(); } JSFX_FloatTopDivlivechat(); </script>

方式四.单用户状态连接方式
    自动检测离线/在线状态,查看演示>>

<script language="javascript" src="http://chat.okserver.com.cn:6660/bigantweb/chat.js"></script> <script language="javascript"> antPageServer = "http://chat.okserver.com.cn:6660/bigantweb/" lang="cn"; drawDefine("test","<img src='http://chat.okserver.com.cn:6660/bigantweb/images/chat.gif' border=0>","<img src='http://chat.okserver.com.cn:6660/bigantweb/images/chat0.gif' border=0>",1,1,180,110,true); </script>

4.模拟咨询测试

    点击live chat连接项,打开livechat.htm页面,即可以看到live chat服务人员在线状态,点图片,则通过网页与你的客户端实时通讯