Kod: Zaznacz cały

<style&nbsp;type="text/css">
#tresc{
&nbsp;&nbsp;&nbsp;&nbsp;position:&nbsp;absolute;
&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;100px;
&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;100px;
&nbsp;&nbsp;&nbsp;&nbsp;margin-top:&nbsp;&nbsp;120px;
&nbsp;&nbsp;&nbsp;&nbsp;margin-left:&nbsp;120px;
&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;red;
&nbsp;&nbsp;&nbsp;&nbsp;opacity:&nbsp;0;
&nbsp;&nbsp;&nbsp;&nbsp;filter:&nbsp;alpha(opacity=0);
}
</style>
<script&nbsp;type="text/javascript">
window.onload&nbsp;=&nbsp;function(){el&nbsp;=&nbsp;document.getElementById('tresc');&nbsp;}
function&nbsp;close(){
&nbsp;&nbsp;&nbsp;&nbsp;el.style.opacity-=0.1;
&nbsp;&nbsp;&nbsp;&nbsp;if(el.style.opacity<=0){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clearInterval(intervalID);
&nbsp;&nbsp;&nbsp;&nbsp;}
}
function&nbsp;open(){
&nbsp;&nbsp;&nbsp;&nbsp;el.style.opacity=el.style.opacity+0.1;
&nbsp;&nbsp;&nbsp;&nbsp;if(el.style.opacity>=1){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clearInterval(intervalID2);
&nbsp;&nbsp;&nbsp;&nbsp;}
}
</script>
<a&nbsp;onclick="intervalID2=setInterval('open()',50);"&nbsp;href="#">a</a>
<div&nbsp;id="tresc">a&nbsp;<a&nbsp;onclick="intervalID=setInterval('close()',50);"&nbsp;href="#">a</a></div>

Kod: Zaznacz cały

<style type="text/css">
#tresc{
    position: absolute;
    width: 100px;
    height: 100px;
    margin-top:  120px;
    margin-left: 120px;
    background-color: red;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}
</style>
<script type="text/javascript">
window.onload = function(){el = document.getElementById('tresc'); }
function close(){
    el.style.opacity-=0.1;
    if(el.style.opacity<=0){
        el.style.display = 'none';
        clearInterval(intervalID);
    }
}
function open(){
    el.style.opacity=el.style.opacity*1+0.1;
    el.style.display = 'block';
    if(el.style.opacity>=1){
        clearInterval(intervalID);
    }
}
</script>
<a onclick="intervalID=setInterval('open()',50);" href="#">a</a>
<div id="tresc">a <a onclick="intervalID=setInterval('close()',50);" href="#">a</a></div>