Tools for Students

Watch. Practice. Learn almost Anything. For Free

<!-- DROPDOWN NAVBAR --> <!-- stylesheet for FF2, Op9, IE7 undefinedstrict mode) --> #navbar { display:inline; width:100%; position:absolute; background-color:transparent; top:-30px; left:0px; height:60px; z-index:999999; } #navbar:hover{ top:0px; height:30px; } <!-- stylesheet for IE6 and lower --> <!-- undefinednot supporting element:hover) --> <!-- first, unhide the navbar through css --> <!-- second, hide the navbar and mimic --> <!-- the effect with javascript, if available --> <!--[if lt IE 7]> <style type="text/css"> #navbar { height:30px; top:0px; } </style> <script type="text/javascript"> var navbar = document.getElementByIdundefined'navbar'); ifundefinednavbar){ navbar.onmouseover = functionundefined){ navbar.style.top = '0px'; navbar.style.height = '30px'; } navbar.onmouseout = functionundefined){ navbar.style.top = '-30px'; navbar.style.height = '60px'; } if undefinednavbar.captureEvents){ navbar.captureEventsundefinedEvent.MOUSEOVER); navbar.captureEventsundefinedEvent.MOUSEOUT); } navbar.onmouseoutundefined); } </script> <![endif]--> <!-- end dropdown navbar -->