[monolithed]

причём одно к другому? со свойством прозрачности я столкнулся впервые.

абсолютно тоже самое только:

<style type="text/css">
div {background: blue; position: absolute; width: 100px; height: 100px;}
</style>

<script type="text/javascript">
window.onload = function(){
    var element = document.getElementsByTagName('div')[0], i = 0, handler = ['mouseover', 'mouseout'], j = handler.length;
    while(j--){
        element['on'+handler[j]] = (function(j){
             return function(){
                 if(handler[j] == handler[0]){
                     if(++i<=30){
                         element.style.opacity = 1/i;
                     }
                     else {
                        return false;
                    }
                 }
                 else {
                     if(--i>=0){
                         element.style.opacity = 1/i;
                          if(i<=0) return false;
                      }
                 }
                 setTimeout(arguments.callee, 20);
             };
        })(j);
    }
};
</script>
<div></div>

PS: писал прямо тут, так что времени на отладку и IE нет, зато глюки наверное есть, но это не суть важно главное примерный алгоритм)).