类似QQ，MSN，旺旺等在线/离线聊天图标的实现

在我们开发Web应用中，经常会碰到这样的需求，在商品或推荐的栏目旁放置一个我们自己开发的聊天工具的在线/离线图标，方便访客和我们联系，本文不讲如何嵌入QQ，MSN等图标，因为这个只是一段A标签而已，在他们各自的网站上有详细的嵌入方法介绍，本文主要讲解他们的实现方式，主要分为以下几步：

1. 设计嵌入图标的代码，我这里设计使用不常用的samp标签，如果这个标签您作为其他用途，请用ignore=true设置其属性，如我在页面的任何地方放入以下代码：

   <samp username="admin"></samp>
   <samp username="neirong"></samp>
   <samp username="meigong"></samp>
   <samp ignore=true>被忽略的</samp>

    经过我嵌入的js替换后的效果如下：，表示admin目前在线，其他用户不在线，最后一个标签将会被忽略
2. 事件处理，可以基于DOM动态绑定，如我点击admin，则出现聊天对话框，如下：
3. 这样我们就完全实现了在线/离线图标处理，在线聊天的目的了，客户端只要简单的嵌入samp标签，指定username即可。