QQ的互动状态想必大家都知道吧。但是图片样式也就那么几个,有没有简单的方法能完全自己定义文字、图片,让显示更加个性化呢?
先看看这段代码:
<script>
var online= new Array();
</script>
<!--检测是否在线-->
<script src="http://webpresence.qq.com/getonline?Type=1&123456:"></script>
<script>
<!--如果在线,则显示以下内容-->
if (online[0]==0)
document.write("<a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=123456&Site=qqjia.com&Menu=no' title='当前离线或隐身'>QQ:
123456</a><font color=#636563>当前离线或隐身</font>");
else
<!--如果离线,则显示以下内容-->
document.write("<a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=123456&Site=qqjia.com&Menu=no' title='当前在线'>QQ:
123456</a><font color=red><b>当前在线</b></font>");
</script>
看看上面的代码,明白了吧?红色的是QQ号码,文字你也可以自己修改,反正你可以修改document.write("")中的内容,换上对应的符号和链接,就能完全自己定义你的个性化QQ在线状态了。
例如,我们找了两个图片,
在线的时候显示,地址是:
不在线的时候显示,地址是:
则以上代码可以改为:
<script>
var online= new Array();
</script>
<!--检测是否在线-->
<script src="http://webpresence.qq.com/getonline?Type=1&123456:"></script>
<script>
<!--如果在线,则显示以下内容-->
if (online[0]==0)
document.write("<a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=123456&Site=qqjia.com&Menu=no' title='当前离线或隐身'><img border='0' src='http://qqjia.com/learn/images/isqq/off.gif'></a><font color=#636563>我不在线,给我留言</font>");
else
<!--如果离线,则显示以下内容-->
document.write("<a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=123456&Site=qqjia.com&Menu=no' title='当前在线'><img border='0' src='http://qqjia.com/learn/images/isqq/on.gif'></a><font color=red><b>我在线,和我聊天</b></font>");
</script>
效果如下:
我不在线,给我留言