Graying out a page

Simply copy and paste the following code inside an html page and run it from a browser (tested on IE & Mozilla).

If you want to see the live result (we believe this is the best way to learn what is the script about), try it here (new window).

Source Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
#cover{position:absolute;top:0px;left:0px;overflow:hidden;display:none;width:100%;height:100%;background-color:#000000;opacity:0.5;MozOpacity:0.5;zIndex:50;filter:alpha(opacity=50);text-align:center}
#warning{margin:auto;position:relative;width:400px;height:200px;background-color:white;color:black;padding:10px;zIndex:100;}
</style>

<script type="text/javascript">
var vis=1;
function cover() 
{  

	var cover=document.getElementById('cover');

	if(vis)
	{
		vis=0;
		cover.style.display='block';      
	} 
	else 
	{   
		vis=1;
		cover.style.display='none'; 
	}

}
</script>
</head>
<body>

<input type="button" onclick="javascript:cover();" value="fade now" />

<div id="cover">

	<div id="warning">
	OUPLA BOOM 
	<p align="center">
	<input type="button" onclick="javascript:cover();" value="I LIKE THIS PAGE" /> <input type="button" onclick="javascript:location.href=('http://www.newo17.com/');" value="I WANT TO SEE SOMETHING DIFFERENT" />
	</p>
	</div>

</div>
</body>
</html>

download the file

- you may easily customize the code according to your needs,

Webmaster Corner

The ClickBnk Code
Another Killer Product From Michael Jones, simply follow the Blueprint For Easy Online Wealth Using Click Bank...

Twitter Traffic Machine
The Automated Growth & Money Making System from growing A Twitter Account Rapidly W/total Automation Via 5 Videos!

iPowerWeb
Incredible Membership Packages - Web Hosting!

→ Maverick Money Makers - Get Paid For Life!

Graying out a page

Graying out a page

Webmaster Corner

Categories