Библиотека Javascript SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Открытие IFRAME в оригинальном обрамлении (закругленные углы IFRAME) с размерами окна </title> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
#ol { background-color: green/*вариант transparent*/; z-index: 9999; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: none;}
#fd { background-color: black; opacity: 0.5; position: relative; width: 100%; height: 100%; padding: 0px; margin: 0px; border: none;}
#cl { background-color: transparent; opacity: 0.0; position: fixed; left: 0px; top: 0px; display: block; padding: 0px; margin: 0px; width: 34px; height: 34px; cursor: pointer;}
#tx { background-color: transparent; position: fixed; left: 100px; top: 0px; display: table; padding: 0px ; margin: 0px; width: auto; height: 24px; vertical-align: bottom; overflow: hidden;}
#tl { display: table-cell; width: auto; height: 0.9em; text-shadow:red 0px 0px 4px; color: white; font: bold 0.9em Tahoma, Arial, Helvetica, sans-serif; vertical-align: bottom; }
.ol { background-color: #FFDD00; position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; border: none; width: 100%; height: 100%;}
.ol_t { background: #FFFFCC }
.ol_r { background: #FFFFCC }
.ol_b { background: #FFFFCC }
.ol_l { background: #FFFFCC }
.ol_rt { background: #FFFFCC }
.ol_rb { background: #FFFFCC }
.ol_lb { background: #FFFFCC }
.ol_lt { background: #FFFFCC }
.ol_cl { background: url(ind/cl000000.png) transparent; }
.ol_t { background: url(ind/t0000000.png) repeat-x transparent; }
.ol_r { background: url(ind/r0000000.png) repeat-y transparent; }
.ol_b { background: url(ind/b0000000.png) repeat-x transparent; }
.ol_l { background: url(ind/l0000000.png) repeat-y transparent; }
.ol_rt { background: url(ind/rt000000.png) transparent; }
.ol_rb { background: url(ind/rb000000.png) transparent; }
.ol_lb { background: url(ind/lb000000.png) transparent; }
.ol_lt { background: url(ind/lt000000.png) transparent; }
.ol_ct { background: yellow url(ind/indicato.gif) 50% 50% no-repeat; height:100%; padding: 0px; margin: 0px;}
.ex:link {color:yellow; text-decoration:none;padding:0 0 0 60px;} 
.ex:visited {color:yellow; text-decoration:none;} 
.ex:active {color:white; text-decoration:none;} 
.ex:hover {color:white; text-decoration:none;}
.ex2:link {color:#FFF; text-decoration:none;border-bottom:1px solid red;} 
.ex2:visited {color:yellow; text-decoration:none;border-bottom:1px solid red;} 
.ex2:active {color:white; text-decoration:none;border-bottom:1px solid red;} 
.ex2:hover {color:#000; text-decoration:none;border-bottom:1px solid #FFF;}
</style>
<script type="text/javascript">
var overlay={init:function(option){function getIfClass(v,s){var c=v.className.split(' ');for(var j=0;j<c.length;j++){if(c[j].indexOf(s)==0){return true;}}return false;};function getByClass(v){var d=document.getElementsByTagName('a'),i,j,h,c,e=new Array();for(i=0;i<d.length;i++){h=d[i];c=h.className.split(' ');for(j=0;j<c.length;j++){if(c[j]==v){e.push(h);break;}}}return e;};var i,t,x,u,l,isIE=!window.opera&&document.all?true:false;l=getByClass(option||'overlay');for(i=0;i<l.length;i++){u=l[i].getAttribute('href');t=l[i].innerHTML;t=t.replace(/(<([^>]+)>)/ig,"");if(getIfClass(l[i],"title")){t=l[i].title||t;}x=t||l[i].title||l[i].href;if(isIE){l[i].onclick=new Function('overlay._create("'+u+'","'+x+'");return false;');}
else{l[i].setAttribute("onclick","overlay._create('"+u+"','"+x+"');return false;");}}return false;},_create:function(l,v){if(!overlay.G("ol")){l=typeof(l)=='string'?l:"";var o,p,w,h,f,j=0,t=1,s=34,isIE,isG6;isIE=!window.opera&&document.all?true:false;isG6=isIE&&window.XMLHttpRequest?true:false;o=overlay.T("body");p=document.createElement('div');p.id="ol";p.style.opacity=0;o.appendChild(p);p.innerHTML='<div id="fd"><\/div>'
+'<table id="tb" class="ol" width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"><tbody>'
+'<tr><td width="'+s+'" height="'+s+'" class="ol_lt" id="tb_lt"><\/td><td height="'+s+'" class="ol_t"><\/td><td width="'+s+'" height="'+s+'" class="ol_rt"><\/td><\/tr>'
+'<tr><td width="'+s+'" class="ol_l"><\/td><td id="ol_ct" class="ol_ct" height="100%"><iframe src="" id="ol_if" name="ol_if" width="100%" height="'+(window.opera?90:100)+'%" hspace="0" vspace="0" frameborder="0" scrolling="auto"><\/iframe><\/td><td width="'+s+'" class="ol_r"><\/td><\/tr>'
+'<tr><td width="'+s+'" height="'+s+'" class="ol_lb"><\/td><td height="'+s+'" class="ol_b"  align="center"><a  href="http://www.03www.ru/5.php" title="для писем" class="ex2">Библиотека JAVASCRIPT 1997- <sc'+'ript src="god.js" type="text/javascript"></sc'+'ript> Дизайн и сопровождение © SE@RCHER</a><\/td><td width="'+s+'" height="'+s+'" class="ol_rb"><\/td><\/tr>'
+'<\/tbody><\/table><div id="cl" title="ЗАКРЫТЬ" onClick="overlay._remove();" onmouseover="overlay._over();" onmouseout="overlay._out();"><\/div>'
+'<div id="tx"><a href="http://www.03www.su/dosug.htm"  class="ex2" target="_blank">досуг</a> | <a href="http://www.03skazki.ru/"  class="ex2"  target="_blank">сказки</a> | <a href="http://www.03pressa.ru/"  class="ex2" target="_blank">детективы</a> | <a href="http://www.03pesni.ru/"  class="ex2" target="_blank">песни</a><br><\/div>';if(isG6||isIE){w=document.documentElement.clientWidth;h=document.documentElement.clientHeight;if(w<=0||h<=0){w=o.clientWidth;h=o.clientHeight;}if(w>0&&h>0){p.style.width=w+'px';p.style.height=h+'px';o=overlay.G("fd");o.style.width=w+'px';o.style.height=h+'px';o=overlay.G("ol_ct");o.style.width=(w-s-s)+'px';o.style.height=(h-s-s)+'px';if(typeof document.documentElement!='undefined'){p.style.left=document.documentElement.scrollLeft+'px';p.style.top=document.documentElement.scrollTop+'px';}
else{p.style.left=overlay.T('body').scrollLeft+'px';p.style.top=overlay.T('body').scrollTop+'px';}
if(window.attachEvent){window.attachEvent('onscroll',overlay._scroll);window.attachEvent('onresize',overlay._resize);}}}else{overlay.G("cl").className="ol_cl";}
if(!isIE){s=0.2;f=overlay.G("ol_if");if(p.timer){window.clearInterval(p.timer);}
p.timer=window.setInterval(function(){p.style.opacity=j;j+=s;if(j>t){window.clearInterval(p.timer);p.style.opacity=1;f.src=l;f.style.backgroundColor='white';}},50);}else{p.style.opacity=1;f=overlay.G("ol_if");f.src=l;f.style.backgroundColor='white';}}return false;},_remove:function(){if(overlay.G("ol")){if(window.detachEvent){window.detachEvent('onscroll',overlay._scroll);window.detachEvent('onresize',overlay._resize);}document.body.removeChild(overlay.G('ol'));}if(window.opera){window.scrollBy(0,1);window.scrollBy(0,-1);}return false;},_resize:function(e){if(!e){e=window.event;}var w=0,h=0,s=34,o=overlay.G('ol');if(o){w=document.documentElement.clientWidth;h=document.documentElement.clientHeight;if(w<=0||h<=0){w=overlay.T('body').clientWidth;h=overlay.T('body').clientHeight;}if(w>0&&h>0){o.style.width=w+'px';o.style.height=h+'px';o=overlay.G("fd");o.style.width=w+'px';o.style.height=h+'px';o=overlay.G("ol_ct");o.style.width=(w-s-s)+'px';o.style.height=(h-s-s)+'px';}}return false;},_scroll:function(e){if(!e){e=window.event;}var o=overlay.G('ol');if(o){if(typeof document.documentElement!='undefined'){o.style.left=document.documentElement.scrollLeft+'px';o.style.top=document.documentElement.scrollTop+'px';}
else{o.style.left=overlay.T('body').scrollLeft+'px';o.style.top=overlay.T('body').scrollTop+'px';}}return false;},_over:function(){var o=overlay.G("tb_lt");if(o&&o.className=="ol_lt"){o.className="ol_cl";}return false;},_out:function(){if(overlay.G("ol")){var o=overlay.G("tb_lt");if(o&&o.className=="ol_cl"){o.className="ol_lt";}}return false;},G:function(v){return(document.getElementById(v));},T:function(v){return(document.getElementsByTagName(v)[0]);}}
var overlayOnload=window.onload;window.onload=function(){if(overlayOnload)overlayOnload();overlay.init('overlay');}
</script>
</HEAD><BODY>
<p><a  class="overlay" rel="external"  href="http://www.03skazki.ru/"> 03skazki.ru</a></p>
<p><a  class="overlay" rel="external"  href="http://www.03pressa.ru/"> 03pressa.ru</a></p>
<br>требуется папка <a href="ind.zip">ind.zip</a>
</body>  
</html>