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 构造函数 面相对象学习必备知识
Jun 09 Javascript
JavaScript 继承使用分析
May 12 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 Javascript
JS截取与分割字符串常用技巧总结
Nov 10 Javascript
一步步教大家编写酷炫的导航栏js+css实现
Mar 14 Javascript
值得分享和收藏的Bootstrap学习教程
May 12 Javascript
JavaScript6 let 新语法优势介绍
Jul 15 Javascript
vue.js指令v-for使用及索引获取
Nov 03 Javascript
jQuery实现页面滚动时智能浮动定位
Jan 08 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
Feb 19 Javascript
Vue中keep-alive组件作用详解
Feb 04 Javascript
React自定义hook的方法
Jun 25 Javascript
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
php导入csv文件碰到乱码问题的解决方法
2014/02/10 PHP
php生成不重复随机数、数组的4种方法分享
2015/03/30 PHP
关于 Laravel Redis 多个进程同时取队列问题详解
2017/12/25 PHP
PHP date()格式MySQL中插入datetime方法
2019/01/29 PHP
使用Javascript接收get传递的值的代码
2011/11/30 Javascript
jQuery.Validate验证库的使用介绍
2013/04/26 Javascript
JQuery表格内容过滤的实现方法
2013/07/05 Javascript
node.js中的fs.futimesSync方法使用说明
2014/12/17 Javascript
js动态修改表格行colspan列跨度的方法
2015/03/30 Javascript
js实现一个链接打开两个链接地址的方法
2015/05/12 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
2016/06/02 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
2017/01/05 Javascript
Ionic+AngularJS实现登录和注册带验证功能
2017/02/09 Javascript
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
2017/06/13 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
详解小程序设置缓存并且不覆盖原有数据
2019/04/15 Javascript
简单了解Ajax表单序列化的实现方法
2019/06/14 Javascript
[36:33]Ti4 循环赛第四日 附加赛NEWBEE vs Mouz
2014/07/13 DOTA
Python解决鸡兔同笼问题的方法
2014/12/20 Python
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
浅谈Python中函数的参数传递
2016/06/21 Python
基于Numpy.convolve使用Python实现滑动平均滤波的思路详解
2019/05/16 Python
python图形开发GUI库pyqt5的详细使用方法及各控件的属性与方法
2020/02/14 Python
mac安装python3后使用pip和pip3的区别说明
2020/09/01 Python
python wsgiref源码解析
2021/02/06 Python
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
科沃斯机器人官网商城:Ecovacs
2016/08/29 全球购物
高清安全摄像头系统:Lorex Technology
2018/07/20 全球购物
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
印度领先的眼镜电子商务网站:Lenskart
2019/12/16 全球购物
Lungolivigno Fashion官网:高级时装在线购物
2020/10/17 全球购物
举例说明类变量和实例变量的区别
2016/06/30 面试题
给学校的建议书
2014/03/12 职场文书
Python Socket编程详解
2021/04/25 Python
微信小程序APP页面的之间的相互传递参数以及自定义组件
2022/04/19 Javascript