지정된 시간동안 강제로 보여지는 언론사에서 많이 사용하는 광고창

2011. 7. 9. 07:32컴퓨터_computer/JAVASCRIPT

1. 아래의 코드를 HEAD 부분에 붙여 넣으세요

<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1px; top:0; left:0;}
-->
</style>

<script type="text/javascript">

adTime=10;  // 광고창이 보여질 시간 (초)
chanceAd=1; // 페이지가 로딩될때마다 보여지게 하려면 '1', 5번 로딩시 1번만 보여지게 하려면 '5'

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>




2. 아래의 내용을 </body> 태그 바로위에 붙여 넣으세요.

<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">

<!--*****광고내용*****-->

여기는 광고창 입니다<br>
10초후에는 자동으로 닫힙니다

<!--*****여기까지*****-->
</td></tr></table></td></tr></table>
</div>

..