вот хоть я этот код и стырил... но он лучше всего помойму подходит... <html> <head> <script language="JavaScript"> var SiteUrl = '/'; var ImgUrl = '/img/'; var MainShow = 0; var Buttons = new Array(); Buttons[0] = new Image(); Buttons[1] = new Image(); Buttons[2] = new Image(); Buttons[3] = new Image(); Buttons[4] = new Image(); Buttons[0].src = ImgUrl+'menu_button.jpg'; Buttons[1].src = ImgUrl+'menu_button_over.jpg'; Buttons[2].src = ImgUrl+'31.jpg'; Buttons[3].src = ImgUrl+'search_button_over.jpg'; Buttons[4].src = ImgUrl+'menu2_bg.jpg'; function menu1click(id) { if (MainShow != id) { //close MainShow if (MainShow != 0) { if (document.getElementById('m2_'+MainShow)) document.getElementById('m2_'+MainShow).style.display = 'none'; document.getElementById('m1_'+MainShow).style.backgroundImage="url("+ImgUrl+"menu_button.jpg)"; } //open current if (document.getElementById('m2_'+id)) document.getElementById('m2_'+id).style.display = ''; document.getElementById('m1_'+id).style.backgroundImage="url("+ImgUrl+"menu_button_over.jpg)"; MainShow = id; } else { //close MainShow if (document.getElementById('m2_'+MainShow)) document.getElementById('m2_'+MainShow).style.display = 'none'; document.getElementById('m1_'+id).style.backgroundImage="url("+ImgUrl+"menu_button.jpg)"; MainShow = 0; } } function menu1over(id) { if (MainShow != id) document.getElementById('m1_'+id).style.backgroundImage="url("+ImgUrl+"menu_button_over.jpg)"; document.getElementById('menu3_div').style.visibility = 'hidden'; return false; } function menu1out(id) { if (MainShow != id) document.getElementById('m1_'+id).style.backgroundImage="url("+ImgUrl+"menu_button.jpg)"; return false; } function menu2over(src, top, left) { document.getElementById('menu3_td').innerHTML = document.getElementById(src).innerHTML; document.getElementById('menu3_div').style.visibility = 'visible'; document.getElementById('menu3_div').style.top=top+'px'; document.getElementById('menu3_div').style.left=left+'px'; return false; } function menu3clear() { document.getElementById('menu3_div').style.visibility = 'hidden'; return false; } function Registration() { open(SiteUrl+'account/create/', '', 'status=1, toolbar=0, resizable=0, scrollbars=1, width=1024, height=800'); return false; } function Login() { open(SiteUrl+'account/login/', '', 'status=1, toolbar=0, resizable=0, scrollbars=1, width=800, height=650'); return false; } </script> </head> <body> <table width="156" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td id="m1_3" class="menu_button" width="156" valign="middle" height="27" align="center" onmouseout="return menu1out(3);" onmouseover="return menu1over(3);" style="background-image: url(/img/menu_button.jpg);"> <a class="menu_link" onfocus="this.blur();" onclick="menu1click(3); return false;" href="#">НОВОСТИ</a> </td> </tr> <tr id="m2_3" style="display: none;"> <td width="156" valign="middle" align="left"> <table width="137" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="19" height="19"/> <td class="menu_button2" width="137" valign="top" height="19" align="center"> <a class="menu_link2" href="#">ДАЙДЖЕСТ</a> </td> </tr> <tr> <td width="19" height="19"/> <td class="menu_button2" width="137" valign="top" height="19" align="center"> <a class="menu_link2" href="#">СОБЫТИЯ</a> </td> </tr> <tr> <td width="19" height="19"/> <td class="menu_button2" width="137" valign="top" height="19" align="center"> <a class="menu_link2" href="#">ОБНОВЛЕНИЯ</a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td id="m1_6" class="menu_button" width="156" valign="middle" height="27" align="center" onmouseout="return menu1out(6);" onmouseover="return menu1over(6);"> <a class="menu_link" onfocus="this.blur();" onclick="menu1click(6); return false;" href="#">СООБЩЕСТВО</a> </td> </tr> <tr id="m2_6" style="display: none;"> <td width="156" valign="middle" align="left"> <table width="137" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="19" height="19"/> <td class="menu_button2" width="137" valign="top" height="19" align="center"> <a class="menu_link2" onclick="return false;" href="#">СТАТИСТИКА</a> </td> </tr> <tr> <td width="19" height="19"/> <td class="menu_button2" width="137" valign="top" height="19" align="center"> <a class="menu_link2" onclick="return false;" href="#">КЛАНЫ</a> </td> </tr> <tr> <td width="19" height="19"/> <td class="menu_button2" width="137" valign="top" height="19" align="center"> <a class="menu_link2" onclick="return false;" href="#">ФАН-САЙТЫ</a> </td> </tr> <tr> <td width="19" height="19"/> <td class="menu_button2" width="137" valign="top" height="19" align="center"> <a class="menu_link2" onclick="return false;" href="#">РЕЙТИНГИ</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </body> </html> тупо можно копирнуть и подстовлять текст и сслыки которые нужны.
