按照 http://blog.csdn.net/zurich1979/article/details/9082201 可轻松实现在线客服，
但是使用后发现一个问题，那就是这种情况下在线客服不能根据QQ的在线或离线等状态，
及时更新客服面板上企鹅的状态，并且企鹅状态始终处于离线，如下图所示：
本文就是叙述如何修改这种情况，使得在线客服能够按照QQ的在线状态，及时更新在线客服面板上企鹅的状态。
如下图，
然后选择"提供在线服务"，系统提示输入QQ账号和密码，如下图：
登录成功后，选择相应的组件样式，本文选择简洁型，然后系统自动产生代码，
显示如下：
只需要把生成的代码拷贝到我们的代码中即可，
源代码如下：
document.write("<li class=odd><a href='http://wpa.qq.com/msgrd?V=1&Uin=2920004979&Site=六月购客服1&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&Uin=2457100173&Site=六月购客服2&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&Uin=2637082263&Site=六月购售后&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的状态在做及时的更新，如下图：
