教程集 > 脚本编程 > javascript > 正文 QQ在线状态检测 - 可自定义在线状态图片

QQ在线状态检测 - 可自定义在线状态图片

发布时间：2017-10-14 编辑：jiaochengji.com

教程集为您提供QQ在线状态检测 - 可自定义在线状态图片等资源，欢迎您收藏本站，我们将为您提供最新的QQ在线状态检测 - 可自定义在线状态图片资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" >QQ在线状态检测 - 可自定义在线状态图片 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> QQ在线状态检测 - 可自定义在线状态图片 </title> <meta name="Author" content="小秦,XQin.cn"> <meta name="Keywords" content="QQ在线状态检测"> <meta name="Description" content="QQ在线状态检测 - 可自定义在线状态图片"> <style type="text/css" media="screen"> .QQPanel { list-style: none; } .QQPanel li { float: left; margin-right: 10px; } .QQPanel a { display: block; height: 34px; width: 34px; background: url('http://xqin.cn/QQOnline/QQStatus.gif') no-repeat; } /* QQ不在线(默认)状态CSS */ .QQPanel a.qq2 { background-position: -35px 0; } .QQPanel a.qq3 { background-position: -69px 0; } .QQPanel a.qq4 { background-position: -103px 0; } /* QQ在线状态CSS */ .QQPanel .online a.qq1 { background-position: 0 -34px; } .QQPanel .online a.qq2 { background-position: -35px -34px; } .QQPanel .online a.qq3 { background-position: -69px -34px; } .QQPanel .online a.qq4 { background-position: -103px -35px; } /* QQ在线状态鼠标移入时CSS */ .QQPanel .online a.qq1:hover { background-position: 0 bottom; } .QQPanel .online a.qq2:hover { background-position: -35px bottom; } .QQPanel .online a.qq3:hover { background-position: -69px bottom; } .QQPanel .online a.qq4:hover { background-position: -103px bottom; } </style> </head> <body> <ul class="QQPanel" id="QQPanel"><li></li><li></li><li></li><li></li></ul> <script type="text/javascript"> //= this.lens)return this.running=false; this.running = true; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = this.url this.data[this.index] ':&' ( new Date()); this.header[0].appendChild(script); script.onload = script.onreadystatechange = (function(script){ var _this = this; return (function(){ if(script.readyState){ if(script.readyState.match(/loaded|complete/i)){ _this.show(script) _this = script = null; } }else{ _this.show() _this = script = null; } }); }).call(this, script); }, show: function(s){ this.items[this.index].className = ''; this.items[this.index].title = '我不在线,有事请留言.'; if(online[0] == 1){ this.items[this.index].className = 'online'; this.items[this.index].title = '我在线,有事您招呼.'; } this.items[this.index].firstChild.href = 'tencent://message/?uin=' this.data[this.index ] '&Site=小秦制作&Menu=yes'; this.start(); }, reload: function(){ if(this.running)return false; this.index = 0; this.start(); } } var QQOnline = new QQPanel('QQPanel', [48080163, 276891949, 14944941, 1007051105]); setInterval(function(){//每隔10秒检测一次在线状态 QQOnline.reload(); }, 10000); //]]> </script> </body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
QQ在线状态检测 - 可自定义在线状态图片
 jQuery图片播放器 imgplayer
php自动生成横状百分比图片的实现代码
 php 获取qq用户昵称和在线状态实例
 php检测用户在线状态的实例代码
 经典Java线程面试题70道
 mysql driver的bug的深入分析
 电脑中QQ/微信使用正常但打不开网页处理办法
 asp.net Session会话层使用与管理方法
 c#多线程编程基础实例解析

上一篇：css 定义表单代码下一篇：js 控制input输入框效果代码

[关闭]

QQ在线状态检测 - 可自定义在线状态图片

最近更新

浏览排行