이 기사에서는 JS가 고객 서비스 QQ 번호가 온라인인지 또는 오프라인인지 여부를 결정하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
언제 시작했는지 모르겠습니다. 공식 QQ와 함께 제공되는 QQ의 오프라인 상태에 대한 코드는 더 이상 온라인 또는 오프라인 상태를 정확하게 표시 할 수 없습니다. 이제 JS를 사용하여 QQ의 온라인 오프라인 상태 값을 판단하고 상태 값에 따라 온라인 또는 오프라인 사진을 출력합니다.
코드 사본은 다음과 같습니다. <script src = "js/jquery-1.5.1.min.js"> </script>
<div onclick = "OpenQq ( '111111')"> <img src = "/onlinekf/online.gif"/> 고객 서비스 1 </div>
<div onclick = "OpenQq ( '222222')"> <img src = "/onlinekf/online.gif"/> 고객 서비스 2 </div>
<div onclick = "OpenQq ( '333333')"> <img src = "/onlinekf/online.gif"/> 고객 서비스 3 </div>
<cript>
var online = new Array ();
</스크립트>
<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 (온라인 [i] == 0) {
$ ( ". kfli img"). eq (i) .attr ( "src", "/onlinekf/offline.gif");
} 또 다른 {
$ ( ". kfli img"). eq (i) .attr ( "src", '/onlinekf/online.gif');
}
}
</스크립트>
이 프로그램은 주로 고객 서비스가 온라인 상태인지 여부를 결정한 다음 원하는 효과를 직접 추가하는 프로그램입니다. 내 작은 코드는 다음과 같습니다.
코드 사본은 다음과 같습니다. <script src = "js/jquery-1.5.1.min.js"> </script>
<스타일>
#divmenu {위치 : 고정; 상단 : 220px; 오른쪽 : 0px; _position : 절대; _top : 커서 : 포인터; 디스플레이 : 없음}
#rightad {위치 : 고정; 상단 : 190px; 오른쪽 : 7px; 너비 : 95px; 높이 : 180px; _position : 절대; 글꼴 크기 : 12px;}
#scrollto {위치 : 고정; 하단 : 100px; 너비 : 30px; 오른쪽 : 0px; 배경 :#368BCC; 색상 : #fff; 커서 : 포인터; 텍스트-정렬 : 중심; _position : 절대; 디스플레이 : 없음}
.kfli {높이 : 30px; 라인 높이 : 30px; 색상 : #fff; 텍스트 정렬 : 중심; 커서 : 포인터; Border-Bottom : 1px solid #fff}
#Leftad Span,#Rightad Span {Cursor : Pointer;}
</스타일>
<div id = "divmenu"> <img src = "/onlinekf/onlinerkf.png"> </div>
<div id = "rightad">
<span style = "색상 :#0f8ed2"> 닫기 </span>
<div style = "높이 : 351px; 배경 : url (/onlinekf/onkf.jpg) #368bcc; 배경-위치 : 중심 상단; 배경 반복 : no-repeat; 너비 : 91px">
<div style = "높이 : 90px; 너비 : 91px">
<div> </div>
<div onclick = "OpenQq ( '111111')"> <img src = "/onlinekf/online.gif"/> 고객 서비스 1 </div>
<div onclick = "OpenQq ( '222222')"> <img src = "/onlinekf/online.gif"/> 고객 서비스 2 </div>
<div onclick = "OpenQq ( '333333')"> <img src = "/onlinekf/online.gif"/> 고객 서비스 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>
<cript>
var online = new Array ();
</스크립트>
<script type = "text/javaScript" src = "http://webpresence.qq.com/getonline?type=1&1844565410:363576965:2193744200:1315797152:1609979008:2690151979:31717194:28255442 :" >/스크립트>
<script type = "text/javaScript">
for (var i = 0; i <online.length; i ++) {
if (온라인 [i] == 0) {
$ ( ". kfli img"). eq (i) .attr ( "src", "/onlinekf/offline.gif");
} 또 다른 {
$ ( ". kfli img"). eq (i) .attr ( "src", '/onlinekf/online.gif');
}
}
// 플로트를 닫습니다
$ (document) .ready (function () {
$ ( "#rightad span"). 클릭 (function () {
$ ( "#rightad"). hide (300);
$ ( "#divmenu"). show (300);
});
$ ( "#divmenu"). 클릭 (function () {
$ ( "#rightad"). 슬라이드 타운 (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";
}
또 다른 {
document.getElementById ( "scrollto"). style.display = "none";
}
}
함수 OpenSmallWindows (Strurl, Scrollbar, 너비, 높이, 왼쪽, 상단) {
window.open (strurl, "_blank",
"status = no, Resizedable = 0, Toolbar = no, menubar = no, scrollbars =" + scrollbar + ", width =" + width + ", height =" + height + ", left =" + left + ", top =" + top + "");
}
함수 OpenQQ (QQ) {
window.location.href = "tencent : // message/? uin =" + qq + "& site = gbgjs.com & menu = 예";
}
</스크립트>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.