JS判断客服QQ号在线还是离线状态的方法


Posted in Javascript onJanuary 13, 2015

本文实例讲述了JS判断客服QQ号在线还是离线状态的方法。分享给大家供大家参考。具体分析如下:

不知道从什么时候开始,原来QQ官方自带的在线离线状态的代码已经不能准确显示在线或离线状态了,现在自己用JS判断QQ在线离线状态值,根据状态值输出在线图片还是离线图片。 

<script src="JS/jquery-1.5.1.min.js"></script> 
<div class="kfli" onclick="openQQ('111111')"><img src="/onlinekf/online.gif" border="0" /> 客服一</div>  

<div class="kfli" onclick="openQQ('222222')"><img src="/onlinekf/online.gif" border="0" /> 客服二</div>  

<div class="kfli" onclick="openQQ('333333')"><img src="/onlinekf/online.gif" border="0" /> 客服三</div> 
<script>  

    var online = new Array();  

</script>  

<script type= "text/javascript" src="http://webpresence.qq.com/getonline?Type=1&111111:222222:333333:" ></script>  

<script type="text/javascript">  

    for (var i = 0; i < online.length; i++) {  

        if (online[i] == 0) {  

            $(".kfli img").eq(i).attr("src","/onlinekf/offline.gif");  

        } else {  

            $(".kfli img").eq(i).attr("src",'/onlinekf/online.gif');  

        }  

    }  

</script>

这是主要判断客服是否在线的程序,自己再添加想要的效果吧。以下是我的小代码:

<script src="JS/jquery-1.5.1.min.js"></script>  

  

<style>  

#divMenu {position:fixed;top:220px;right:0px;_position:absolute; _top: cursor:pointer; display:none}  

#rightad {position:fixed;top:190px;right:7px;width:95px;height:180px;_position:absolute; font-size:12px;}  

#scrollto {position:fixed;bottom:100px; width:30px;right:0px;background:#368bcc;color:#FFF;cursor:pointer; text-align:center;_position:absolute;  display:none}  

.kfli {height:30px; line-height:30px; color:#FFF; text-align:center;cursor:pointer; border-bottom:1px solid #fff}  

#leftad span,#rightad span{cursor:pointer;}  

</style>  

  

<div id="divMenu"><img src="/onlinekf/onlinerkf.png" class="press" alt="在线咨询"></div>   

<div id="rightad">  

<span style="color:#0f8ed2">关闭</span>  

<div style="height:351px; background:url(/onlinekf/onkf.jpg) #368bcc; background-position:center top; background-repeat:no-repeat;width:91px">  

<div style="height:90px; width:91px">  

<div style="width:91px; height:91px; cursor:pointer"></div>  

  

<div class="kfli" onclick="openQQ('111111')"><img src="/onlinekf/online.gif" border="0" /> 客服一</div>  

<div class="kfli" onclick="openQQ('222222')"><img src="/onlinekf/online.gif" border="0" /> 客服二</div>  

<div class="kfli" onclick="openQQ('333333')"><img src="/onlinekf/online.gif" border="0" /> 客服三</div>  

<div class="kfli" onclick="openQQ('444444')"><img src="/onlinekf/online.gif" border="0" /> 市场一</div>  

<div class="kfli" onclick="openQQ('555555')"><img src="/onlinekf/online.gif" border="0" /> 市场二</div>  

<div class="kfli" onclick="openQQ('666666')"><img src="/onlinekf/online.gif" border="0" /> 市场三</div>  

<div class="kfli" onclick="openQQ('777777')"><img src="/onlinekf/online.gif" border="0" /> 市场四</div>  

<div class="kfli" onclick="openQQ('888888')"><img src="/onlinekf/online.gif" border="0" /> 市场五</div>  

</div>  

</div>  

  

</div>  

<script>  

    var online = new Array();  

</script>  

<script type= "text/javascript" src="http://webpresence.qq.com/getonline?Type=1&1844565410:363576965:2193744200:1315797152:1609979008:2690151979:3130711794:2825956442:" ></script>  

<script type="text/javascript">  

    for (var i = 0; i < online.length; i++) {  

        if (online[i] == 0) {  

            $(".kfli img").eq(i).attr("src","/onlinekf/offline.gif");  

        } else {  

            $(".kfli img").eq(i).attr("src",'/onlinekf/online.gif');  

        }  

    }  

     

   //关闭浮动  

    $(document).ready(function () {  

        $("#rightad span").click(function () {  

            $("#rightad").hide(300);  

            $("#divMenu").show(300);  

        });  

  

        $("#divMenu").click(function () {  

            $("#rightad").slideDown(300);  

            $("#divMenu").hide(200);  

        });  

  

        /*  

        $("#rightad").mouseleave(function(){  

        $("#rightad").hide(200);  

        $("#divMenu").show(300);  

        });  

        */  

    });  

  

    window.onscroll = function () {  

        if (document.documentElement.scrollTop + document.body.scrollTop > 100) {  

            document.getElementById("scrollto").style.display = "block";  

        }  

        else {  

            document.getElementById("scrollto").style.display = "none";  

        }  

    }  

    function OpenSmallWindows(strURL, scrollbar, width, height, left, top) {  

        window.open(strURL, "_blank",  

     "status=no,resizable=0,toolbar=no,menubar=no,scrollbars=" + scrollbar + ",width=" + width + ",height=" + height + ",left=" + left + ",top=" + top + "");  

    }  

    function openQQ(qq) {  

        window.location.href = "tencent://message/?uin=" + qq + "&Site=gbgjs.com&Menu=yes";  

    }  

</script>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Javascript 兼容firefox的一些问题
May 21 Javascript
javascript之bind使用介绍
Oct 09 Javascript
JS实现图片放大镜效果的方法
Feb 27 Javascript
jQuery实现网页抖动的菜单抖动效果
Aug 07 Javascript
javascript函数式编程程序员的工具集
Oct 11 Javascript
JS封装的自动创建表格的实现代码
Jun 15 Javascript
node.js调用Chrome浏览器打开链接地址的方法
May 17 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
Nov 27 Javascript
Angular中使用better-scroll插件的方法
Mar 27 Javascript
js canvas实现红包照片效果
Aug 21 Javascript
Layui实现带查询条件的分页
Jul 27 Javascript
VUE使用draggable实现组件拖拽
Apr 06 Vue.js
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
Jan 13 #Javascript
jquery删除指定子元素代码实例
Jan 13 #Javascript
JavaScript删除指定子元素代码实例
Jan 13 #Javascript
JS长整型精度问题实例分析
Jan 13 #Javascript
javascript面向对象之共享成员属性与方法及prototype关键字用法
Jan 13 #Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 #Javascript
jQuery大于号(&gt;)选择器的作用解释
Jan 13 #Javascript
You might like
thinkphp获取栏目和文章当前位置的方法
2014/10/29 PHP
简单概括PHP的字符串中单引号与双引号的区别
2016/05/07 PHP
总结一些js自定义的函数
2006/08/05 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
2011/03/25 Javascript
Javascript闭包(Closure)详解
2015/05/05 Javascript
JavaScript实现将文本框的值插入指定位置的方法
2015/08/13 Javascript
js实现图片无缝滚动特效
2020/03/19 Javascript
JavaScript作用域示例详解
2016/07/07 Javascript
javascript ES6中箭头函数注意细节小结
2017/02/17 Javascript
微信小程序 setData使用方法及常用错误解决办法
2017/05/11 Javascript
解决vue打包之后静态资源图片失效的问题
2018/02/21 Javascript
vue的安装及element组件的安装方法
2018/03/09 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
js核心基础之闭包的应用实例分析
2019/05/11 Javascript
python基于urllib实现按照百度音乐分类下载mp3的方法
2015/05/25 Python
python实现图片变亮或者变暗的方法
2015/06/01 Python
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
使用Template格式化Python字符串的方法
2019/01/22 Python
Python3.5字符串常用操作实例详解
2019/05/01 Python
浅谈Pytorch中的torch.gather函数的含义
2019/08/18 Python
Django多进程滚动日志问题解决方案
2019/12/17 Python
python getopt模块使用实例解析
2019/12/18 Python
Python socket聊天脚本代码实例
2020/01/02 Python
Python+unittest+requests+excel实现接口自动化测试框架
2020/12/23 Python
物流管理专业应届生求职信
2013/11/21 职场文书
银行实习鉴定
2013/12/13 职场文书
工程采购员岗位职责
2014/03/09 职场文书
创建卫生先进单位实施方案
2014/03/10 职场文书
群众路线表态发言材料
2014/10/17 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
苦儿流浪记读书笔记
2015/07/01 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
2019年国庆祝福语(70句)
2019/09/19 职场文书
用python删除文件夹中的重复图片(图片去重)
2021/05/12 Python
win10蓝屏0xc0000001安全模式进不了怎么办?win10出现0xc0000001的解决方法
2022/08/05 数码科技