この記事では、JSがカスタマーサービスQQ番号がオンラインであるかオフラインであるかを決定する方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
いつ始まったのかわかりません。公式QQに付属するQQのオフラインステータスのコードは、オンラインまたはオフラインのステータスを正確に表示できなくなったことがわかります。現在、JSを使用して、QQのオンラインオフラインステータス値を判断し、ステータス値に基づいてオンラインまたはオフラインの画像を出力します。
コードコピーは次のとおりです
<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>
<スクリプト>
var online = new Array();
</script>
<script type = "text/javascript" src = "http://webpresence.qqq.com/getonline?type=1&11111:222222:333333:">/scrip>
<script type = "text/javascript">
for(var i = 0; i <online.length; i ++){
if(オンライン[i] == 0){
$( "。kfliimg")。eq(i).attr( "src"、 "/onlinekf/offline.gif");
} それ以外 {
$( "。kfliimg")。eq(i).attr( "src"、 '/onlinekf/online.gif');
}
}
</script>
これは、主にカスタマーサービスがオンラインであるかどうかを決定し、自分で望ましい効果を追加するプログラムです。これが私の小さなコードです:
コードコピーは次のとおりです
<style>
#divmenu {position:sixt; top:220px; right:0px; _ position:absolute; _TOP:カーソル:ポインター;ディスプレイ:なし}
#rightad {position:sixt; top:190px; right:7px; width:95px; height:180px; _ position:absolute; font-size:12px;}
#scrollto {position:sixt; bottom:100px;幅:30px;右:0px;背景:#368bcc; color:#fff; cursor:pointer;テキストアリグイン:center; _ position:absolute;ディスプレイ:なし}
.kfli {height:30px; Line-Height:30px;色:#fff;テキストアライグ:センター;カーソル:ポインター;ボーダーボトム:1pxソリッド#fff}
#leftadスパン、#redad span {cursor:pointer;}
</style>
<div id = "divmenu"> <img src = "/onlinekf/onlinerkf.png"> </div>
<div id = "rightad">
<span style = "color:#0f8ed2"> close </span>
<div style = "height:351px; background:url(/onlinekf/onkf.jpg)#368bcc; background-position:center top; background-repeat:no-repeat; width:91px">
<div style = "height:90px; width: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"/>マーケット1 </div>
<div onclick = "openqq( '555555')"> <img src = "/onlinekf/online.gif"/>マーケット2 </div>
<div onclick = "openqq( '666666')"> <img src = "/onlinekf/online.gif"/>マーケット3 </div>
<div onclick = "openqq( '777777')"> <img src = "/onlinekf/online.gif"/>マーケット4 </div>
<div onclick = "openqq( '888888')"> <img src = "/onlinekf/online.gif"/>マーケットファイブ</div>
</div>
</div>
</div>
<スクリプト>
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(オンライン[i] == 0){
$( "。kfliimg")。eq(i).attr( "src"、 "/onlinekf/offline.gif");
} それ以外 {
$( "。kfliimg")。eq(i).attr( "src"、 '/onlinekf/online.gif');
}
}
//フロートを閉じます
$(document).ready(function(){
$( "#redad span")。クリック(function(){
$( "#rightad")。非表示(300);
$( "#divmenu")。show(300);
});
$( "#divmenu")。クリック(function(){
$( "#rightad")。slidedown(300);
$( "#divmenu")。非表示(200);
});
/*
$( "#readad")。mouseleave(function(){
$( "#rightad")。非表示(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、width、height、left、top){
window.open(strurl、 "_blank"、
"status = no、resizable = 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 = yes";
}
</script>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。