|
|
|
| помогите довести до ума.. вроде работает но такое ощущение что переборщил дето:)
<script language="javascript" type="text/javascript">
i=1;
function f02(m,n){if(typeof window.external=='object' && typeof document.all=='object'){m.style.filter='alpha(opacity='+n*10+')';}else{m.style.opacity=n/10;}return false}
function testanim(mode,s,e){
i=(mode==0)?i-1:i+1;
if(i>s&&i<e){
f02(el,i);
setTimeout(function(){testanim(mode,s,e)},25);
}
if(i==s) el.style.display='none';
else if(i==e) ell.style.display='inline';
}
function test(mode,s,e){
el=document.getElementById('block_status');
ell=document.getElementById('block_status_i');
if(mode==1)el.style.display='inline';
else ell.style.display='none';
testanim(mode,s,e);
}
</script>
|
<style type="text/css">
#block_status{
position:absolute;
top:0px;
right:0px;
width:100%;
height:100%;
z-index:10;
background:black;
overflow:hidden;
}
#block_status_i{
position:absolute;
top:0px;
right:0px;
z-index:11;
overflow:hidden;
}
</style>
---
<div id="block_status" style="display:none;"></div>
<div id="block_status_i" style="display:none;">
<a href='' onClick="test(0,0,7);return false;">close</a>
</div>
<a href='' onClick="test(1,0,7);return false;">open</a>
|
| |
|
|