Cet article décrit comment JS détermine si le numéro QQ du service client est en ligne ou hors ligne. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Je ne sais pas quand ça a commencé. Il s'avère que le code de l'état hors ligne de QQ qui est livré avec le QQ officiel ne peut plus afficher avec précision l'état en ligne ou hors ligne. Maintenant, j'utilise JS pour juger la valeur d'état hors ligne en ligne de QQ et de sortie en ligne ou hors ligne en fonction de la valeur d'état.
La copie de code est la suivante: <script src = "js / jQuery-1.5.1.min.js"> </ script>
<div onclick = "openqq ('111111')"> <img src = "/ onlinekf / online.gif" /> Service client 1 </div>
<div onclick = "openqq ('222222')"> <img src = "/ onlinekf / online.gif" /> Service client 2 </div>
<div onclick = "OpenQQ ('333333')"> <img src = "/ onlinekf / online.gif" /> Service client 3 </div>
<cript>
var online = new Array ();
</cript>
<script type = "text / javascript" src = "http://webpresence.qq.com/getonline?type=1&1111:22222:333333:"> / script>
<script type = "text / javascript">
for (var i = 0; i <online.length; i ++) {
if (en ligne [i] == 0) {
$ (". kfli img"). eq (i) .attr ("src", "/ onlinekf / offline.gif");
} autre {
$ (". kfli img"). eq (i) .attr ("src", '/ onlinekf / online.gif');
}
}
</cript>
Il s'agit d'un programme qui détermine principalement si le service client est en ligne, puis ajoutez l'effet souhaité vous-même. Voici mon petit code:
La copie de code est la suivante: <script src = "js / jQuery-1.5.1.min.js"> </ script>
<style>
#DivMenu {position: fixe; en haut: 220px; à droite: 0px; _Position: Absolute; _top: curseur: pointeur; Affichage: aucun}
#Rightad {position: fixe; en haut: 190px; à droite: 7px; largeur: 95px; hauteur: 180px; _position: absolu; taille de police: 12px;}
#scrollto {position: fixe; en bas: 100px; Largeur: 30px; à droite: 0px; arrière-plan: # 368bcc; couleur: #fff; curseur: pointeur; Text-adign: Centre; _Position: Absolute; Affichage: aucun}
.kfli {hauteur: 30px; hauteur de ligne: 30px; Couleur: #FFF; Texte-aligne: Centre; curseur: pointeur; Border-Bottom: 1px solide #fff}
#leftad Span, # droite Span {Cursor: pointeur;}
</ style>
<div id = "divMenu"> <img src = "/ onlinekf / onlinerkf.png"> </div>
<div id = "droite">
<span style = "Color: # 0f8ed2"> Close </span>
<div style = "hauteur: 351px; arrière-plan: URL (/onlinekf/onkf.jpg) # 368BCC; Position en arrière-plan: haut de gamme; arrière-arrière-repeat: sans répétition; largeur: 91px">
<div style = "hauteur: 90px; largeur: 91px">
<div> </div>
<div onclick = "openqq ('111111')"> <img src = "/ onlinekf / online.gif" /> Service client 1 </div>
<div onclick = "openqq ('222222')"> <img src = "/ onlinekf / online.gif" /> Service client 2 </div>
<div onclick = "OpenQQ ('333333')"> <img src = "/ onlinekf / online.gif" /> Service client 3 </div>
<div onclick = "openqq ('444444')"> <img src = "/ onlinekf / online.gif" /> Market un </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" /> Marché 4 </div>
<div onclick = "openqq ('888888')"> <img src = "/ onlinekf / online.gif" /> Market cinq </div>
</div>
</div>
</div>
<cript>
var online = new Array ();
</cript>
<script type = "text / javascript" src = "http://webpresence.qq.com/getonline?type=1&1844565410:363576965:2193744200:1315797152:160997008:2690151979:3130711794:282595642:": ":" > / script>
<script type = "text / javascript">
for (var i = 0; i <online.length; i ++) {
if (en ligne [i] == 0) {
$ (". kfli img"). eq (i) .attr ("src", "/ onlinekf / offline.gif");
} autre {
$ (". kfli img"). eq (i) .attr ("src", '/ onlinekf / online.gif');
}
}
// Fermer le flotteur
$ (document) .ready (function () {
$ ("# droite Span"). Cliquez sur (fonction () {
$ ("# droite"). Hide (300);
$ ("# divMenu"). Show (300);
});
$ ("# divMenu"). Cliquez sur (fonction () {
$ ("# droite"). Slidedown (300);
$ ("# divMenu"). Hide (200);
});
/ *
$ ("# droite"). Mouseleave (function () {
$ ("# droite"). Hide (200);
$ ("# divMenu"). Show (300);
});
* /
});
window.onscroll = function () {
if (document.documentElement.scrolltop + document.body.scrolltop> 100) {
document.getElementById ("ScrolltO"). Style.display = "Block";
}
autre {
document.getElementById ("ScrolltO"). Style.display = "None";
}
}
Fonction OpenSmallWindows (strurl, barre de défilement, largeur, hauteur, gauche, haut) {
window.open (strurl, "_blank",
"Status = Non, Resizable = 0, Toolbar = Non, menuBar = no, ScrollBars =" + Scrollbar + ", width =" + width + ", height =" + height + ", left =" + gauche + ", top =" + top + "");
}
fonction openqq (qq) {
window.location.href = "Tencent: // message /? Uin =" + qq + "& site = gbgjs.com & menu = oui";
}
</cript>
J'espère que cet article sera utile à la programmation JavaScript de tous.