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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Открытие IFRAME с анимацией в оригинальном обрамлении (коричневое обрамление)</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
.demo { float: left; padding: 16px; text-align: center;}
#ol { background-color: red/*вариант 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: 40px; 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: transparent; position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; border: none; width: 100%; height: 100%;}
.ol_t { background:url(img2/t0000000.png) repeat-x transparent; }
.ol_r { background: url(img2/r0000000.png) repeat-y transparent; }
.ol_b { background: url(img2/b0000000.png) repeat-x transparent; }
.ol_l { background: url(img2/l0000000.png) repeat-y transparent; }
.ol_rt { background: url(img2/rt000000.png) transparent; }
.ol_rb { background: url(img2/rb000000.png) transparent; }
.ol_lb { background: url(img2/lb000000.png) transparent; }
.ol_lt { background: url(img2/lt000000.png) transparent; }
.ol_cl { background: url(img2/cl000000.png) transparent; }
.ol_ct { background: yellow url(img2/indicato.gif) 50% 50% no-repeat; height:100%; padding: 0px; margin: 0px;}
.ex:link {color:white; text-decoration:none;} 
.ex:visited {color:white; text-decoration:none;} 
.ex:active {color:red; text-decoration:none;} 
.ex:hover {color:red; 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:#FF0000; text-decoration:none;border-bottom:1px solid #FFF;}
</style>
</head>
<body>
<div id="demo" class="inlet">
<p>
<div class="demo"><a href="http://www.03pressa.ru/" class="overlay lWOn nip" title="Избранные детективы и фантастика">Избранные детективы и фантастика</a></div>
<div class="demo"><a href="http://www.03pesni.ru/" class="overlay lWOn nip" title="Избранные песни">Избранные песни</a></div>
<div class="demo"><a href="http://www.03www.su/skazki300/" class="overlay lWOn nip" title="300 лучших сказок мира">300 лучших сказок мира</a></div>
</div>
<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"><div id="tl"><a class="ex" style="" href="'+l+'" target="_blank" title="Открыть в новом окне">'+v+'<\/a><\/div><\/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>
<br>требуется папка <a href="ind.zip">ind.zip</a>
<style type="text/css">#empty, #footer { height: 32px; }#footer { bottom: 0; left: 0; margin-bottom:10px; position: absolute; width: 100%; display:block; padding-left:360px}</style>
<script>var i=1; function addtext(el){a=el.parentNode;a.innerHTML=a.innerHTML+'<h1>'+(i++)+'</h1>test<br>test';}</script>
<div id="empty"> </div><div id="footer"><font style="font-size:12px;color:#CC6600;font-family:Arial;" onclick="location.href='http://www.03www.su/5.php'" title="для писем" target=_blank>
Библиотека JAVASCRIPT 1997- <script src="http://www.03www.ru/god.js"></script> Дизайн и сопровождение © SE@RCHER</font></div>
</html>