This article describes how JS determines whether the customer service QQ number is online or offline. Share it for your reference. The specific analysis is as follows:
I don’t know when it started. It turns out that the code for the offline status of QQ that comes with the official QQ can no longer accurately display the online or offline status. Now I use JS to judge the online offline status value of QQ and output online or offline pictures based on the status value.
The code copy is as follows: <script src="JS/jquery-1.5.1.min.js"></script>
<div onclick="openQQ('111111')"><img src="/onlinekf/online.gif" /> Customer Service 1</div>
<div onclick="openQQ('222222')"><img src="/onlinekf/online.gif" /> Customer Service 2</div>
<div onclick="openQQ('333333')"><img src="/onlinekf/online.gif" /> Customer Service 3</div>
<script>
var online = new Array();
</script>
<script type= "text/javascript" src="http://webpresence.qq.com/getonline?Type=1&11111: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>
This is a program that mainly determines whether the customer service is online, and then add the desired effect yourself. Here is my small code:
The code copy is as follows: <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"></div>
<div id="rightad">
<span style="color:#0f8ed2">Close</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></div>
<div onclick="openQQ('111111')"><img src="/onlinekf/online.gif" /> Customer Service 1</div>
<div onclick="openQQ('222222')"><img src="/onlinekf/online.gif" /> Customer Service 2</div>
<div onclick="openQQ('333333')"><img src="/onlinekf/online.gif" /> Customer Service 3</div>
<div onclick="openQQ('444444')"><img src="/onlinekf/online.gif" /> Market One</div>
<div onclick="openQQ('555555')"><img src="/onlinekf/online.gif" /> Market 2</div>
<div onclick="openQQ('666666')"><img src="/onlinekf/online.gif" /> Market Three</div>
<div onclick="openQQ('777777')"><img src="/onlinekf/online.gif" /> Market 4</div>
<div onclick="openQQ('888888')"><img src="/onlinekf/online.gif" /> Market Five</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');
}
}
//Close Float
$(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>
I hope this article will be helpful to everyone's JavaScript programming.