<script type="text/javascript"> var count = 0, st, elem; function f(id) { window.clearTimeout(st); if (count < 100) { elem = document.getElementById(id); elem.filters.alpha.opacity = ++count; st = setTimeout(function () { f(id) }, 30); } } </script> <div style="position: absolute;"> <table border="1" bgcolor="LightBlue" width="200"> <tr> <td onmouseover="f('tbf')" >files</td> <td>edit</td> <td>view</td> </tr> </table> <div style="position: absolute;"> <table id="tbf" border="1" bgcolor="LightBlue" width="80" style="filter:alpha(style=0, opacity=0)" > <tr> <td >new</td> </tr> <tr> <td>close</td> </tr> <tr> <td>exit</td> </tr> </table> </div> </div>
st = setTimeout(function () {f(id)}, 3);