บทความนี้อธิบายวิธีที่ 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 ('33333333')"> <img src = "/onlanykf/online.gif"/> บริการลูกค้า 3 </div>
<script>
var onlan = new Array ();
</script>
<script type= "text/javascript" src="http://webpresence.qq.com/getonline?Type=1&11111:222222:333333:" >/script>
<script type = "text/javascript">
สำหรับ (var i = 0; i <online.length; i ++) {
ถ้า (ออนไลน์ [i] == 0) {
$ (". kfli img"). eq (i) .attr ("src", "/onlinekf/offline.gif");
} อื่น {
$ (". kfli img"). eq (i) .attr ("src", '/onlinekf/online.gif');
-
-
</script>
นี่คือโปรแกรมที่กำหนดว่าการบริการลูกค้าเป็นหลักหรือไม่จากนั้นเพิ่มเอฟเฟกต์ที่ต้องการด้วยตัวเอง นี่คือรหัสเล็ก ๆ ของฉัน:
การคัดลอกรหัสมีดังนี้: <script src = "js/jQuery-1.5.1.min.js"> </script>
<style>
#divmenu {ตำแหน่ง: แก้ไข; ด้านบน: 220px; ขวา: 0px; _position: สัมบูรณ์; _top: เคอร์เซอร์: ตัวชี้; แสดง: ไม่มี}
#rightad {position: recide; top: 190px; ขวา: 7px; ความกว้าง: 95px; ความสูง: 180px; _position: สัมบูรณ์; ขนาดตัวอักษร: 12px;}
#Scrollto {ตำแหน่ง: คงที่; ด้านล่าง: 100px; ความกว้าง: 30px; ขวา: 0px; พื้นหลัง:#368bcc; สี: #FFF; เคอร์เซอร์: ตัวชี้; TEXT-ALGING: CENTER; _POSITION: Absolute; แสดง: ไม่มี}
.kfli {ความสูง: 30px; ระดับความสูง: 30px; สี: #FFF; TEXT-ALIGN: CENTER; CURSOR: ตัวชี้; ขอบด้านล่าง: 1px Solid #FFF}
#Leftad Span,#Rightad Span {เคอร์เซอร์: ตัวชี้;}
</style>
<div id = "divmenu"> <img src = "/onlanykf/onlinerkf.png"> </div>
<div id = "rightad">
<span style = "สี:#0f8ed2"> ปิด </span>
<div style = "ความสูง: 351px; พื้นหลัง: url (/onlinekf/onkf.jpg) #368bcc; พื้นหลังตำแหน่ง: กึ่งกลางด้านบน;
<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 ('33333333')"> <img src = "/onlanykf/online.gif"/> บริการลูกค้า 3 </div>
<div onclick = "openqq ('4444444')"> <img src = "/onlinekf/onlany.gif"/> ตลาดหนึ่ง </div>
<div onclick = "openqq ('5555555')"> <img src = "/onlankkf/online.gif"/> ตลาด 2 </div>
<div onclick = "openqq ('6666666')"> <img src = "/onlankkf/online.gif"/> ตลาดสาม </div>
<div onclick = "openqq ('7777777')"> <img src = "/onlankkf/online.gif"/> ตลาด 4 </div>
<div onclick = "openqq ('888888')"> <img src = "/onlanykf/online.gif"/> ตลาดห้า </div>
</div>
</div>
</div>
<script>
var onlan = new Array ();
</script>
<script type = "text/javascript" src = "http://webpresence.qq.com/getonline?type=1&1844565410:363576965:2193744200:1315797152:160999008:26901510151979313131077777777779 >/สคริปต์>
<script type = "text/javascript">
สำหรับ (var i = 0; i <online.length; i ++) {
ถ้า (ออนไลน์ [i] == 0) {
$ (". kfli img"). eq (i) .attr ("src", "/onlinekf/offline.gif");
} อื่น {
$ (". kfli img"). eq (i) .attr ("src", '/onlinekf/online.gif');
-
-
// ปิดลอย
$ (เอกสาร) .ready (function () {
$ ("#rightad Span") คลิก (function () {
$ ("#rightad"). ซ่อน (300);
$ ("#divmenu"). แสดง (300);
-
$ ("#divmenu") คลิก (ฟังก์ชัน () {
$ ("#rightad") Slidedown (300);
$ ("#divmenu"). ซ่อน (200);
-
-
$ ("#rightad"). Mouseleave (function () {
$ ("#rightad"). ซ่อน (200);
$ ("#divmenu"). แสดง (300);
-
-
-
window.onscroll = function () {
if (document.documentelement.scrolltop + document.body.scrolltop> 100) {
document.getElementById ("Scrollto"). style.display = "block";
-
อื่น {
document.getElementById ("Scrollto"). style.display = "ไม่มี";
-
-
ฟังก์ชั่น opensmallwindows (strurl, scrollbar, ความกว้าง, ความสูง, ซ้าย, ด้านบน) {
window.open (strurl, "_blank",
"สถานะ = ไม่, resizable = 0, toolbar = no, menubar = ไม่, scrollbars =" + scrollbar + ", width =" + width + ", ความสูง =" + ความสูง + ", ซ้าย =" + ซ้าย + ", top =" + top + "");
-
ฟังก์ชั่น openQq (qq) {
window.location.href = "tencent: // message/? uin =" + qq + "& site = gbgjs.com & menu = ใช่";
-
</script>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน