»
EnglishFrenchVietnamese

Print - DHTML Ad Box - JavaScriptBank.com

Full version: jsB@nk » Browser » Page effect » DHTML Ad Box
URL: https://www.javascriptbank.com/dhtml-ad-box.html

DHTML Ad Box © JavaScriptBank.comMatt's DHTML ad script displays an 'inexcusable' box in the middle of the page, broadcasting ads of your choice inside. The box automatically disappears after x seconds, with its display frequency configurable (ie: show ad box only 1 of out 5 times the page is loaded). This is one method of serving ads that may just be effective, since it contains qualities of a TV/radio commercial.

Full version: jsB@nk » Browser » Page effect » DHTML Ad Box
URL: https://www.javascriptbank.com/dhtml-ad-box.html



CSS
<style type="text/css"><!--#sponsorAdDiv {position:absolute; height:1; width:1px; top:0; left:0;}--></style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script type="text/javascript">// DHTML Ad Box (By Matt Gabbert at http://www.nolag.com)adTime=10;  // seconds ad reminder is shownchanceAd=1; // ad will be shown 1 in X times (put 1 for everytime)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";elseadDiv.visibility ="hide";}function truebody(){return (document.compatMode!="BackCompat")? document.documentElement : document.body}onload=initAd;//End--></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<div id="sponsorAdDiv" style="visibility:hidden"><table width="450px" height="350px" bgcolor="#008000"><tr><td><table width="445px" height="345px" bgcolor="#000000" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0" bordercolorlight="#000080" bordercolordark="#000080"><tr><td align="center" valign="middle"><!--*****EDIT THIS MESSAGE*****--><p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">Ad content for a website</font></p><p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">this popup will close by itself after a period time (this case is 10s)</font></p></td></tr></table></td></tr></table></div><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->