ホームページ > ウェブフロントエンド > jsチュートリアル > 5秒でdivレイヤーを自動ブロックするJSメソッド_JavaScriptスキル

5秒でdivレイヤーを自動ブロックするJSメソッド_JavaScriptスキル

WBOY
リリース: 2016-05-16 16:13:33
オリジナル
1017 人が閲覧しました

この記事の例では、JS が div レイヤーを 5 秒以内に自動的にブロックする方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>
JS は 5 秒で div レイヤーの自動ブロックを実装します



<スクリプト言語="JavaScript1.2">
adTime=5; //ウィンドウをブロックする予想時間
チャンスAd=1;
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);
adCount=0;
関数 initAd(){
If(!ns && !ie && !w3) return;
If(ie) adDiv=eval('document.all.sponsorAdDiv.style');
else if(ns) adDiv=eval('document.layers["sponsorAdDiv"]');
else if(w3) adDiv=eval('document.getElementById("sponsorAdDiv").style');
randAd=Math.ceil(Math.random()*chanceAd);
If (ie||w3)
adDiv.visibility="visible";
その他
adDiv.visibility ="表示";
If(randAd==1) showAd();
}
関数 showAd(){
if(adCount If (ie){documentWidth =document.body.offsetWidth/2 document.body.scrollLeft-20;
documentHeight =document.body.offsetHeight/2 document.body.scrollTop-20;}
else if (ns){documentWidth=window.innerWidth/2 window.pageXOffset-20;
documentHeight=window.innerHeight/2 window.pageYOffset-20;}
else if (w3){documentWidth=self.innerWidth/2 window.pageXOffset-20;
documentHeight=self.innerHeight/2 window.pageYOffset-20;}
adDiv.left=documentWidth-200;adDiv.top =documentHeight-200;
setTimeout("showAd()",100);}else closeAd();
}
関数 closeAd(){
if (ie||w3)
adDiv.display="none";
それ以外
adDiv.visibility="非表示";
}
onload=initAd;

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート