<?xml version="1.0" encoding="UTF-8"?>
<!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>
|