Este artículo describe cómo JS determina si el número QQ de servicio al cliente está en línea o fuera de línea. Compártelo para su referencia. El análisis específico es el siguiente:
No sé cuándo comenzó. Resulta que el código para el estado fuera de línea de QQ que viene con el QQ oficial ya no puede mostrar con precisión el estado en línea o fuera de línea. Ahora uso JS para juzgar el valor de estado fuera de línea en línea de QQ y las imágenes de salida en línea o fuera de línea en función del valor de estado.
La copia del código es la siguiente: <script src = "js/jQuery-1.5.1.min.js"> </script>
<div onClick = "Openqq ('111111')"> <img src = "/onlinekf/online.gif"/> Servicio al cliente 1 </div>
<div onClick = "Openqq ('222222')"> <img src = "/onlinekf/online.gif"/> Servicio al cliente 2 </div>
<div onClick = "Openqq ('333333')"> <img src = "/onlinekf/online.gif"/> Servicio al cliente 3 </div>
<script>
var en línea = new Array ();
</script>
<script type = "text/javaScript" src = "http://webpresence.qq.com/getonline?type=1&11111:222222:333333:">/script>
<script type = "text/javaScript">
para (var i = 0; i <online.length; i ++) {
if (en línea [i] == 0) {
$ (". Kfli img"). Eq (i) .attr ("src", "/onlinekf/offline.gif");
} demás {
$ (". Kfli img"). Eq (i) .attr ("src", '/onlinekf/online.gif');
}
}
</script>
Este es un programa que determina principalmente si el servicio al cliente está en línea y luego agregue el efecto deseado usted mismo. Aquí está mi pequeño código:
La copia del código es la siguiente: <script src = "js/jQuery-1.5.1.min.js"> </script>
<estilo>
#DivMenu {posición: fijo; superior: 220px; derecha: 0px; _position: absoluto; _TOP: cursor: puntero; Pantalla: ninguno}
#rightad {posición: fijo; superior: 190px; derecha: 7px; ancho: 95px; altura: 180px; _position: absoluto; tamaño de fuente: 12px;}
#scrollto {posición: fijo; fondo: 100px; Ancho: 30px; derecha: 0px; fondo:#368bcc; color: #fff; cursor: pointer; Text-Align: Center; _Position: Absolute; Pantalla: ninguno}
.kfli {altura: 30px; Línea de altura: 30px; Color: #fff; Text-Align: Center; cursor: puntero; Border-Bottom: 1px Solid #FFF}
#leftad span,#rayad span {cursor: pointer;}
</style>
<div id = "divmenu"> <img src = "/onlinekf/onlinerkf.png"> </div>
<div id = "RESTAAD">
<span style = "color:#0f8ed2"> Cerrar </span>
<div style = "altura: 351px; fondo: url (/onlinekf/onkf.jpg) #368BCC; Posición de fondo: Center Top; Background-Repeat: No-Repeat; Ancho: 91px">
<div style = "altura: 90px; ancho: 91px">
<div> </div>
<div onClick = "Openqq ('111111')"> <img src = "/onlinekf/online.gif"/> Servicio al cliente 1 </div>
<div onClick = "Openqq ('222222')"> <img src = "/onlinekf/online.gif"/> Servicio al cliente 2 </div>
<div onClick = "Openqq ('333333')"> <img src = "/onlinekf/online.gif"/> Servicio al cliente 3 </div>
<div onClick = "Openqq ('444444')"> <img src = "/onlinekf/online.gif"/> Market One </div>
<div onClick = "Openqq ('5555555')"> <img src = "/onlinekf/online.gif"/> mercado 2 </div>
<div onClick = "Openqq ('666666')"> <img src = "/en líneakf/en línea.gif"/> mercado tres </div>
<div onClick = "Openqq ('777777')"> <img src = "/onlinekf/online.gif"/> mercado 4 </div>
<div onClick = "Openqq ('888888')"> <img src = "/onlinekf/online.gif"/> mercado cinco </div>
</div>
</div>
</div>
<script>
var en línea = new Array ();
</script>
<script type = "text/javaScript" src = "http://webpresence.qq.com/getonline?type=1&1844565410:363576965:2193744200:1315797152:1609979008:2690151979:3130711794:282825956442:" >/script>
<script type = "text/javaScript">
para (var i = 0; i <online.length; i ++) {
if (en línea [i] == 0) {
$ (". Kfli img"). Eq (i) .attr ("src", "/onlinekf/offline.gif");
} demás {
$ (". Kfli img"). Eq (i) .attr ("src", '/onlinekf/online.gif');
}
}
// Cerrar flotante
$ (documento) .Ready (function () {
$ ("#Rightad Span"). Click (function () {
$ ("#REDELAD"). Hide (300);
$ ("#divmenu"). Show (300);
});
$ ("#divmenu"). Click (function () {
$ ("#REDELAD"). SlideDown (300);
$ ("#divmenu"). Hide (200);
});
/*
$ ("#RESTHAD"). MouseLeave (function () {
$ ("#Rightad"). Hide (200);
$ ("#divmenu"). Show (300);
});
*/
});
window.onscroll = function () {
if (document.documentelement.scrolltop + document.body.scrolltop> 100) {
document.getElementById ("scrollto"). style.display = "bloque";
}
demás {
document.getElementById ("scrollto"). style.display = "none";
}
}
función OpenSmallWindows (Strurl, Scrollbar, Ancho, Altura, Izquierda, Top) {
Window.open (Strurl, "_blank",
"Status = No, Resizable = 0, Tool Bar = No, Menubar = no, Scrollbars =" + Scrollbar + ", Width =" + Width + ", Height =" + Height + ", Left =" + Left + ", Top =" + Top + "");
}
función Openqq (qq) {
window.location.href = "tencent: // mensaje/? uin =" + qq + "& site = gbgjs.com & menú = yes";
}
</script>
Espero que este artículo sea útil para la programación de JavaScript de todos.