In diesem Artikel wird beschrieben, wie JS bestimmt, ob die QQ -Nummer des Kundendienstes online oder offline ist. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Ich weiß nicht, wann es angefangen hat. Es stellt sich heraus, dass der Code für den Offline -Status von QQ, der mit dem offiziellen QQ geliefert wird, den Online- oder Offline -Status nicht mehr genau anzeigen kann. Jetzt verwende ich JS, um den Online -Offline -Statuswert von QQ zu beurteilen und online oder offline -Bilder basierend auf dem Statuswert auszugeben.
Die Codekopie lautet wie folgt: <script src = "js/jquery-1.5.1.min.js"> </script>
<div onclick = "openqq ('111111')"> <img src = "/onlinekf/online.gif"/> Kundendienst 1 </div>
<div onclick = "openqq ('222222')"> <img src = "/onlinekf/online.gif"/> Kundendienst 2 </div>
<div onclick = "openqq ('3333333')"> <img src = "/onlinekf/online.gif"/> Kundendienst 3 </div>
<Script>
var online = new Array ();
</script>
<script type = "text/javaScript" src = "http://webpresence.qq.com/getonline?type=1&11111:22222:33333:">/Skript>
<script type = "text/javaScript">
für (var i = 0; i <online.length; i ++) {
if (online [i] == 0) {
$ (". KFLI IMG"). EQ (i) .ATTR ("SRC", "/onlinekf/offline.gif");
} anders {
$ (". Kfli img"). EQ (i) .Attr ("Src", '/Onlinekf/Online.gif');
}
}
</script>
Dies ist ein Programm, das hauptsächlich feststellt, ob der Kundenservice online ist, und dann den gewünschten Effekt selbst hinzufügen. Hier ist mein kleiner Code:
Die Codekopie lautet wie folgt: <script src = "js/jquery-1.5.1.min.js"> </script>
<Styles>
#DivMenu {Position: behoben; oben: 220px; rechts: 0px; _position: absolut; _top: Cursor: Zeiger; Anzeige: Keine}
#rightad {Position: behoben; ober: 190px; rechts: 7px; width: 95px; Höhe: 180px; _position: absolut; Schriftgröße: 12px;}
#Scrollto {Position: behoben; unten: 100px; Breite: 30px; rechts: 0px; Hintergrund:#368bcc; Farbe: #fff; Cursor: Zeiger; Text-Align: Mitte; _position: absolut; Anzeige: Keine}
.kfli {Höhe: 30px; Zeilenhöhe: 30px; Farbe: #fff; Text-Align: Mitte; Cursor: Zeiger; 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 = "Höhe: 351px; Hintergrund: URL (/onlinekf/onkf.jpg) #368bcc; Hintergrundposition: Center Top; Hintergrund-Repeat: No-Repeat; Breite: 91px">
<div style = "Höhe: 90px; Breite: 91px">
<div> </div>
<div onclick = "openqq ('111111')"> <img src = "/onlinekf/online.gif"/> Kundendienst 1 </div>
<div onclick = "openqq ('222222')"> <img src = "/onlinekf/online.gif"/> Kundendienst 2 </div>
<div onclick = "openqq ('3333333')"> <img src = "/onlinekf/online.gif"/> Kundendienst 3 </div>
<div onclick = "openqq ('444444')"> <img src = "/onlinekf/online.gif"/> markt eins </div>
<div onclick = "openqq ('555555')"> <img src = "/onlinekf/online.gif"/> markt 2 </div>
<div onclick = "openQQ ('6666666666666666666666666666.
<div onclick = "openqq ('777777')"> <img src = "/onlinekf/online.gif"/> markt 4 </div>
<div onclick = "openqq ('8888888')"> <img src = "/onlinekf/online.gif"/> markt fünf </div>
</div>
</div>
</div>
<Script>
var online = new Array ();
</script>
<script type = "text/javaScript" src = "http://webpreenence.qq.com/getonline?type=1&1844565410:363576965:2193744200:1315797152:160999008:269019799:313071994:2590151979:313071994:282590151979:313071194:2590151979:313071194:2590151979:3130719994:2590151979:3130719994:2590151979:31307199992590151979:313071994:2590151979:31307199992590151979:313l >/script>
<script type = "text/javaScript">
für (var i = 0; i <online.length; i ++) {
if (online [i] == 0) {
$ (". KFLI IMG"). EQ (i) .ATTR ("SRC", "/onlinekf/offline.gif");
} anders {
$ (". Kfli img"). EQ (i) .Attr ("Src", '/Onlinekf/Online.gif');
}
}
// schließen float
$ (Dokument) .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";
}
anders {
document.getElementById ("scrollto"). style.display = "Keine";
}
}
function öffnet
window.open (streurl, "_blank",
"status = no, resizable = 0, Symbolleiste = nein, Menubar = no, scrollBars =" + scrollBar + ", width =" + width + ", height =" + height + ", links =" + links + ", top =" + top + "");
}
Funktion openQQ (qq) {
window.location.href = "Tencent: // message/? uin =" + qq + "& seiten = gbgjs.com & mseu = yes";
}
</script>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.