按照 http://blog.csdn.net/zurich1979/article/details/9082201 可轻松实现在线客服，

但是使用后发现一个问题，那就是这种情况下在线客服不能根据QQ的在线或离线等状态，

及时更新客服面板上企鹅的状态，并且企鹅状态始终处于离线，如下图所示：

本文就是叙述如何修改这种情况，使得在线客服能够按照QQ的在线状态，及时更新在线客服面板上企鹅的状态。

访问 http://wp.qq.com/

如下图，

然后选择"提供在线服务"，系统提示输入QQ账号和密码，如下图：

登录成功后，选择相应的组件样式，本文选择简洁型，然后系统自动产生代码，

显示如下：

只需要把生成的代码拷贝到我们的代码中即可，

源代码如下：

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&amp;Uin=2920004979&amp;Site=六月购客服1&amp;Menu=yes' target='_blank'><img src=' http://wpa.qq.com/pa?p=1:123456:4'  border='0' alt='QQ' />六月购客服1</a></li>");

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&amp;Uin=2457100173&amp;Site=六月购客服2&amp;Menu=yes' target='_blank'><img src=' http://wpa.qq.com/pa?p=1:123456:4'  border='0' alt='QQ' />六月购客服2</a></li>");

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&amp;Uin=2637082263&amp;Site=六月购售后&amp;Menu=yes' target='_blank'><img src=' http://wpa.qq.com/pa?p=1:123456:4'  border='0' alt='QQ' />六月购售后</a></li>");

新代码如下：

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=2:12345678:52'  border='0' alt='QQ' />六月购客服1</a></li>");

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=2:12345678:52'  border='0' alt='QQ' />六月购客服2</a></li>");

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=2:12345678:52'  border='0' alt='QQ' />六月购售后1</a></li>");

document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=2:12345678:52'  border='0' alt='QQ' />六月购售后2</a></li>");

这样，刷新首页， 你就能看到我们的在线客服栏中QQ的状态在做及时的更新，如下图：