Копируй
код:
<html> <BODY> <style> { font-family: Verdana, Arial, sans-serif; } .pop { visibility:hidden } .go { visibility:visible } A:Hover { color:red; text-decoration:underline } A { color:blue; text-decoration:none } Body { background-color:white; color:white } </style> <script language=javascript> function showObject() { document.all.div1.className = 'go'; } function hideObject() { document.all.div1.className = 'pop'; } function showObject2() { document.all.div2.className = 'go'; } function hideObject2() { document.all.div2.className = 'pop'; } function showObject3() { document.all.div3.className = 'go'; } function hideObject3() { document.all.div3.className = 'pop'; } </script> <table> <tr><td> <div style="background-color:silver; width:140" onmouseover="showObject()" onmouseout="hideObject()" > <a href=# onmouseover="showObject()" onmouseout="hideObject()">Search</a> </div> <div id=div1 onmouseover="showObject()" onmouseout="hideObject()" class=pop style="background-color:#E8FED8; width:140"> <a href=http://www.lycos.com onmouseover="showObject()" onmouseout="hideObject()">Lycos</a><br> <a href=http://www.yahoo.com onmouseover="showObject()" onmouseout="hideObject()">Yahoo</a><br> <a href=http://www.excite.com onmouseover="showObject()" onmouseout="hideObject()">Excite</a><br> <font color=#E8FED8>|</font> </div> </td><td> <div style="background-color:silver; width:140" onmouseover="showObject2()" onmouseout="hideObject2()" > <a href=# onmouseover="showObject2()" onmouseout="hideObject2()">Browsers</a> </div> <div id=div2 onmouseover="showObject2()" onmouseout="hideObject2()" class=pop style="background-color:#E8FED8; width:140"> <a href=http://www.netscape.com onmouseover="showObject2()" onmouseout="hideObject2()">Netscape</a><br> <a href=http://www.microsoft.com onmouseover="showObject2()" onmouseout="hideObject2()">IE</a><br> <font color=#E8FED8>|<Br> |</font> </div> </td><td> <div style="background-color:silver; width:140" onmouseover="showObject3()" onmouseout="hideObject3()" > <a href=# onmouseover="showObject3()" onmouseout="hideObject3()">Music</a> </div> <div id=div3 onmouseover="showObject3()" onmouseout="hideObject3()" class=pop style="background-color:#E8FED8; width:140"> <a href=http://www.winamp.com onmouseover="showObject3()" onmouseout="hideObject3()">Winamp</a><br> <a href=http://www.realplayer.com onmouseover="showObject3()" onmouseout="hideObject3()">RealPlayer</a><br> <font color=#E8FED8>|<br> |</font> </div> </td></tr></table> <!-- copyright (i7) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s206.ucoz.net/img/cp/11.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body></html><!-- ><!-- "><!-- '><!-- -->
