今天我在这里分享一段支持QQ在线客服代码，MSN在线客服代码，淘宝旺旺在线客服代码，由于很多用户都不了解代码的中的详细含义。对不同的网站有不同的代码需求，那么有些客户就提出了，我们想改改这个QQ图标的显示位置，我们想让QQ显示的更明显点。。。
今天我就针对下面这段代码进行详细的解释。
下面这几段是通过javascript的文档写入函数，产生几段层
document.write("<div class='QQbox' id='divQQbox' >"); 这是整个在线客服代码的窗口层，所有的内容都将在这里显示出来。
document.write("<div class='Qlist' id='divOnline' onmouseout='hideMsgBox(event);' style='display : none;'>"); 这是显示QQ在线客服列表的层，每天添加一个QQ在线客服代码，就会可以直接在这里复制粘贴一下即可。
document.write("<div class='t'></div>"); 这个是信息展示层
document.write("<div class='infobox'>我们营业的时间<br>9:00-18:00</div>"); 这里显示我们的工作时间。
document.write("<div class='con'>");
document.write("<ul>");
这行我们添加一个QQ在线客服代码，你们看，超链接的地址是 wpa.qq.com，这是QQ的服务器地址，后面的Uin需要写入QQ号码。
再看后面的img标签，是个图片，图片的内容也是QQ的服务器地址，这个地址主要是动态产生客服图片，当你的QQ不在线时，就显示离线的图片，当你的QQ在线时就显示在线的客服图片，链接标签中的文字“QQ咨询”你可以随便填写，比如改成网站在线客服
document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&Uin=123456&Site=QQ咨询&Menu=yes' target='_blank'><img src=' http://wpa.qq.com/pa?p=1:123456:4' border='0' alt='QQ' />QQ咨询</a></li>");
下面这两段可就简单了，就是将MSN和陶博旺旺添加到刚才的客服列表里面去。
img标签里面是msn的图片，这里由于msn并未提供msn在线或离线的接口，所以我们的msn图片就只能一直显示在线的图片。离线的图片肯定就无法显示了。
我们看到a标签里面的链接地址是msnim:chat?contact=，这其实是调用客户电脑上的MSN的协议，只有安装了msn的电脑才会支持这种协议。
document.write('<li><img src="OKQQ/images/msn.gif" width="18" height="17" border="0" alt="MSN" /> <a href="msnim:chat?contact=MSN帐号">MSN咨询</a></li>');
这段是淘宝旺旺的在线客服代码了，讲到这里大家肯定很清楚了，a标签里面的超链接是淘宝旺旺的弹出窗口地址，amos1.taobao.com就是淘宝旺旺的地址，uid同样也是填写旺旺号码，可喜的是淘宝旺旺也是支持旺旺在线和离线的判断的，所以会显示在线图片或离线图片。
document.write('<li><a href="http://amos1.taobao.com/msg.ww?v=2&uid=旺旺号码&s=2" target="_blank"><img src="http://amos1.taobao.com/online.ww?v=2&uid=旺旺号码&s=2" width="16" height="16" border="0" alt="淘宝旺旺" />在线旺旺</a></li>');
下面就是填写你们网站的咨询电话了。
document.write('<tr><td><li>咨询电话：010-88888888</li></td></tr>');
这里其实是上面的一些标签的结尾标志，照些即可。
document.write("</ul>");
document.write("</div>");
document.write("<div class='b'></div>");
document.write("</div>");
document.write("<div id='divMenu' onmouseover='OnlineOver();'><img src='OKQQ/images/qq_1.gif' class='press' alt='在线咨询'></div>");
document.write("</div>");
今天就先讲到这里，下次我们将会讲解如何让这些客服图片都浮动在浏览器上。
上一篇：网站在线客服系统为你节省了成本
下一篇：分享一段在线客服代码的讲解(二)