用JS实现，具体步骤如下：
1) 申请代码
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=271569542&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:271569542:43 &r=0.4220318759840679" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
2) 定义online数组，必须是online命名
<script>var online= new Array();</script>
3) 获取在线状态
<script src="http://webpresence.qq.com/getonline?Type=1&271569542:"></script>
可以获取多个，必须以冒号分隔，以冒号结尾，比如:
<script src="http://webpresence.qq.com/getonline?Type=1&271569542:78293657:123456:"></script>
online[0]=0,表示271569542离线
online[1]=1,表示78293657在线
online[2]=1,表示123456在线
填写号码的先后顺序，分别对应数组online的0、1、2
4) 添加代码
把src='http://wpa.qq.com/pa?p=1:80000805:1'替换为自己的图片，比如:
<script>if(online[0]==0){document.write('<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=271569542&site=qq&menu=yes"><img border="0" src="http://xxxxx/outline.jpg" alt="点击这里给我发消息" title="点击这里给我发消息"></a>')}else{document.write('<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=271569542&site=qq&menu=yes"><img border="0" src="http://xxxxx/online.jpg" alt="点击这里给我发消息" title="点击这里给我发消息"></a>')} </script>