تصف هذه المقالة كيف تحدد 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>
<script>
var online = new array () ؛
</script>
<script type = "text/javaScript" src = "http://webpresence.qq.com/getonline؟type=1&11111:22222:333333:">/script>
<script type = "text/javaScript">
لـ (var i = 0 ؛ i <online.length ؛ i ++) {
إذا (عبر الإنترنت [i] == 0) {
دولار (".
} آخر {
$ (". 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: absomute ؛ _top: المؤشر: مؤشر ؛ العرض: لا شيء}
#Rightad {الموضع: ثابت ؛ أعلى: 190px ؛ اليمين: 7px ؛ العرض: 95px ؛ الارتفاع: 180px ؛ _position: absomute ؛ حجم الخط: 12px ؛}
#scrollto {الموضع: ثابت ؛ أسفل: 100px ؛ العرض: 30px ؛ اليمين: 0px ؛ الخلفية:#368bcc ؛ اللون: #fff ؛ المؤشر: مؤشر ؛ محاذاة النص: المركز ؛ _position: مطلق ؛ العرض: لا شيء}
.kfli {الارتفاع: 30px ؛ ارتفاع الخط: 30 بكسل ؛ اللون: #fff ؛ النصوص النصية: المركز ؛ المؤشر: مؤشر ؛ Border-Bottom: 1px Solid #FFF}
#Leftad Span ،#Rightad Span {Cursor: Pointer ؛}
</style>
<div id = "divmenu"> <img src = "/onlinekf/onlinerkf.png"> </viv>
<div id = "rightad">
<span style = "color:#0f8ed2"> أغلق </span>
<div style = "الارتفاع: 351px ؛ الخلفية: url (/onlinekf/onkf.jpg) #368bcc ؛ خلفية الفرق: المركز العلوي ؛ تكرار الخلفية: عدم التكرار ؛ العرض: 91px">
<div style = "الارتفاع: 90 بكسل ؛ العرض: 91px">
<viv> </viv>
<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 </viv>
<div onClick = "OpenQQ ('555555')"> <img src = "/onlinekf/online.gif"/> market 2 </viv>
<div onClick = "OpenQQ ('666666')"> <img src = "/onlinekf/online.gif"/> Market Three </div>
<div onClick = "OpenQQ ('777777')"> <img src = "/onlinekf/online.gif"/> market 4 </viv>
<div onClick = "OpenQQ ('888888')"> <img src = "/onlinekf/online.gif"/> Market Five </viv>
</div>
</div>
</div>
<script>
var online = new array () ؛
</script>
<script type = "text/javaScript" src = "http://webpresence.qq.com/getonline؟type=1&1844565410:363576965:2193744200:1315797152:1609979008:2690151979:313071794:28252: 28259:28259:28259:28259:28259:28259:28259:28259:282259:28259:28259:28259:28259:28259:28259:28259:28259:2822 >/script>
<script type = "text/javaScript">
لـ (var i = 0 ؛ i <online.length ؛ i ++) {
إذا (عبر الإنترنت [i] == 0) {
دولار (".
} آخر {
$ (". kfli img"). eq (i) .attr ("src" ، '/onlinekf/online.gif') ؛
}
}
// إغلاق تعويم
$ (وثيقة). ready (function () {
$ ("#rightad span"). انقر فوق (function () {
$ ("#rightad"). إخفاء (300) ؛
$ ("#divmenu"). show (300) ؛
}) ؛
$ ("#divmenu"). انقر فوق (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" ؛
}
آخر {
document.getElementById ("scrollto"). style.display = "none" ؛
}
}
وظيفة opensmallwindows (strurl ، شريط التمرير ، العرض ، الارتفاع ، اليسار ، الأعلى) {
Window.Open (Strurl ، "_blank" ،
"الحالة = لا ، resizable = 0 ، شريط الأدوات = لا ، 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 = yes" ؛
}
</script>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.