2.890 kez okundu

JavaScript İle Sitede Duyuru Veya Reklam Panosu Yapımı

10 10 2.890 kez okundu incelendi

Sitenizde 10 saniye görünen reklam kodu hazırlayalım.

Kodumuzu iyice incelediğimizde mantığını kavrayabilirsiniz:

<style type="text/css"> <!--
#sponsorAdDiv {position:absolute; height:1; width:1px; top:0; left:0;}
--> </style>  <script type="text/javascript">
adTime=10;  // saniye 10 siz ne kadar isterseniz
chanceAd=1;

var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);
var calunit=ns? "" : "px"
adCount=0;
function 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";
else
adDiv.visibility ="show";
if(randAd==1) showAd();
}
function showAd(){
if(adCount<adTime*10){adCount+=1;
if (ie){documentWidth  =truebody().offsetWidth/2+truebody().scrollLeft-20;
documentHeight =truebody().offsetHeight/2+truebody().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+calunit;adDiv.top =documentHeight-200+calunit;
setTimeout("showAd()",100);}else closeAd();
}
function closeAd(){
if (ie||w3)
adDiv.display="none";
else
adDiv.visibility ="hide";
}
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
onload=initAd;
//End-->
</script> <div id="sponsorAdDiv" style="visibility:hidden"> <table width="450px" height="350px" bgcolor="#008000"><tr><td> <table width="445px" height="345px" bgcolor="#F0FFF0"><tr><td align="center" valign="middle">  <!--*****Kodu Aşağıda Düzeltiniz*****-->
MESAJINIZI BURAYA YAZINIZ.
<!--*****Kod Düzeltilmiştir*****--> </td></tr></table></td></tr></table> </div>

Gelen aramalar :

Paylaş !

Yoruma kapali.

Önceki yazıyı okuyun:
23 Aralık Güncel Döviz Kurları(dolar-euro-sterlin kuru)

23 Aralık Güncel Döviz Kurları(dolar-euro-sterlin kuru)

Kapat
Barış Ozcan Facebook Sayfasi
Barış Ozcan Twitter