Народ поправте меня если где накосячил... почему не работает? <html> <head> <link type='text/css' rel='stylesheet' media='all' href='index.css'> </head> <body> <table class='maket' align='center'> <tr> <td>1</td> </tr> </table> <div id='topmenu' style='width:1000;height:10;border:1px;border-color:black;background:red;position:absolute;margin-top:-800px;'> <input type='button' id='topdown' value='button'></div> <script type='text/javascript'> function topd(obj,direction, a) { clearInterval(window.z); counter = 0; z = setInterval(function () { if (a ? parseInt(obj.style.height) < 10 : parseInt(obj.style.height) > 310) { obj.style.height = parseInt(obj.style.height) + direction; counter++; } else { clearInterval(z); } }, 1); } var pad = document.getElementById('topdown'); pad.onclick = function () { topd((document.getElementById('topmenu')), 1, true); } var pad = document.getElementById('topmenu'); pad.onmouseover = function () { topd(this, -1, true); } } </script> </body> </html>