Este artigo descreve como o JS determina se o número QQ de atendimento ao cliente está online ou offline. Compartilhe para sua referência. A análise específica é a seguinte:
Não sei quando começou. Acontece que o código para o status offline do QQ que vem com o QQ oficial não pode mais exibir com precisão o status online ou offline. Agora eu uso o JS para julgar o valor do status offline on -line do QQ e a saída on -line ou as imagens offline com base no valor do status.
A cópia do código é a seguinte: <script src = "js/jQuery-1.5.1.min.js"> </script>
<div onclick = "OpenQQ ('111111')"> <img src = "/onlinekf/online.gif"/> Atendimento ao cliente 1 </div>
<div onclick = "OpenQQ ('222222')"> <img src = "/onlinekf/online.gif"/> Serviço do cliente 2 </div>
<div onclick = "OpenQQ ('333333')"> <img src = "/onlinekf/online.gif"/> Serviço do cliente 3 </div>
<Cript>
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");
} outro {
$ (". kfli img"). Eq (i) .attr ("src", '/onlinekf/online.gif');
}
}
</script>
Este é um programa que determina principalmente se o atendimento ao cliente está online e, em seguida, adiciona o efeito desejado. Aqui está meu pequeno código:
A cópia do código é a seguinte: <script src = "js/jQuery-1.5.1.min.js"> </script>
<estilo>
#divmenu {position: corrigido; topo: 220px; direita: 0px; _Position: Absolute; _top: cursor: ponteiro; Exibição: Nenhum}
#Rightad {Position: Fixed; TOP: 190px; direita: 7px; largura: 95px; altura: 180px; _Position: Absolute; Size da fonte: 12px;}
#ScrollTo {Position: Fixed; inferior: 100px; largura: 30px; direita: 0px; fundo:#368bcc; cor: #fff; cursor: ponteiro; Alinhamento de texto: Centro; _Position: Absolute; Exibição: Nenhum}
.kfli {altura: 30px; altura de linha: 30px; Cor: #FFF; Alinhamento de texto: Centro; Cursor: Ponteiro; Bottom de fronteira: 1px sólido #fff}
#Leftad Span,#Rightad Span {Cursor: Pointer;}
</style>
<div id = "divmenu"> <img src = "/onlinekf/onlinerkf.png"> </div>
<div id = "rightad">
<span style = "cor:#0f8ed2"> feche </span>
<div style = "altura: 351px; background: url (/onlinekf/onkf.jpg) #368bcc; posição de fundo: topo central; repetição de fundo: sem repetição; largura: 91px">
<div style = "altura: 90px; largura: 91px">
<div> </div>
<div onclick = "OpenQQ ('111111')"> <img src = "/onlinekf/online.gif"/> Atendimento ao cliente 1 </div>
<div onclick = "OpenQQ ('222222')"> <img src = "/onlinekf/online.gif"/> Serviço do cliente 2 </div>
<div onclick = "OpenQQ ('333333')"> <img src = "/onlinekf/online.gif"/> Serviço do cliente 3 </div>
<div onclick = "OpenQQ ('444444')"> <img src = "/onlinekf/online.gif"/> Market One </div>
<div onclick = "OpenQQ ('555555')"> <img src = "/onlinekf/online.gif"/> mercado 2 </div>
<div onclick = "OpenQQ ('666666')"> <img src = "/onlinekf/online.gif"/> mercado três </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>
<Cript>
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");
} outro {
$ (". kfli img"). Eq (i) .attr ("src", '/onlinekf/online.gif');
}
}
// Fechar flutuar
$ (document) .ready (function () {
$ ("#rightad span"). Clique (function () {
$ ("#Rightad"). Hide (300);
$ ("#divmenu"). Mostrar (300);
});
$ ("#divmenu"). Clique (function () {
$ ("#rightad"). slidown (300);
$ ("#divmenu"). Hide (200);
});
/*
$ ("#rightad"). mouseleave (function () {
$ ("#Rightad"). Hide (200);
$ ("#divmenu"). Mostrar (300);
});
*/
});
window.onscroll = function () {
if (document.documentElement.scrolltop + document.body.scrolltop> 100) {
document.getElementById ("scrollTo"). style.display = "bloco";
}
outro {
document.getElementById ("scrollTo"). style.display = "nenhum";
}
}
Função OpenMallWindows (Strurl, ScrollBar, Largura, Altura, Esquerda, Top) {
window.open (strurl, "_blank",
"Status = Não, redimensível = 0, barra de ferramentas = não, menubar = não, scrollbars =" + scrollbar + ", width =" + width + ", altura =" + altura + ", esquerda =" + esquerda + ", top =" + top + "");
}
função openqq (qq) {
window.Location.href = "tencent: // message/? uin =" + qq + "& site = gbgjs.com & menu = sim";
}
</script>
Espero que este artigo seja útil para a programação JavaScript de todos.