<style> .menu { position: absolute; top:0; z-index: 2; } .submenu { position: absolute; top: 22; z-index: 0; visibility: hide; visibility: hidden; } </style> <script> <!-- var old; var memold; var subold; if(document.layers) { window.captureEvents(Event.MOUSEDOWN); window.onmousedown=do_out; } else { document.onmouseup=do_out; } function show_layer(x) { if(document.layers) document.layers[x].visibility="show"; else document.all[x].style.visibility="visible"; } function hide_layer(x) { if(document.layers) document.layers[x].visibility="hide"; else document.all[x].style.visibility="hidden"; } function do_menu(x) { if(!old) old=memold; if(old!=x) { show_layer(x); old=x; } else old=""; } function do_check(x) { if(old && old!=x) { hide_layer(old); show_layer(x); old=x; } do_submenu(); } function do_out() { if(old) hide_layer(old); memold=old; old=""; do_submenu(); } function do_submenu(x) { if(subold) { hide_layer(subold); subold=""; } if(x) { show_layer(x); subold=x; } } // --> </script> </head> <body bgcolor=#202020 link="RED" vlink="RED" alink="RED"> <div id="m1" class="menu" style="left: 5;"> <table bgcolor="202020" cellspacing="0" cellpadding="2" border="1" width="115"> <tr> <td><a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')"><b>Windows</b></a> </td> </tr> </table> </div><div id="m1x" class="submenu" style="left: 5;"> <table bgcolor="202020" cellspacing="0" cellpadding="2" border="1" width="115"> <tr> <td><a href="../../../_default.htm">Windows 3.*</a><br> <a href="../../../_default.htm">Windows 9*</a><br> <a href="../../../_default.htm">Windows NT</a><br> <a href="../../../_default.htm">Windows 2000</a> </td> </tr> </table> </div><div id="m2" class="menu" style="left: 120;"> <table bgcolor="202020" cellspacing="0" cellpadding="2" border="1" width="100"> <tr> <td><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')"><b>Linux</b></a> </td> </tr> </table> </div><div id="m2x" class="submenu" style="left: 120;"> <table bgcolor="202020" cellspacing="0" cellpadding="2" border="1" width="100"> <tr> <td><a href="../../../_default.htm" onmouseover="do_submenu('m21x')">RedHat>></a> <br> <a href="../../../_default.htm" onmouseover="do_submenu()">Mandrake</a><br> <a href="../../../_default.htm" onmouseover="do_submenu('m22x')">Slackware>></a> </td> </tr> </table> </div><div id="m21x" class="submenu" style="left: 180; top:24; z-index:1;"> <table bgcolor="202020" cellspacing="0" cellpadding="2" border="1" width="100"> <tr> <td><a href="../../../_default.htm">Установка</a><br> <a href="../../../_default.htm">FAQ</a><br> </td> </tr> </table> </div><div id="m22x" class="submenu" style="left: 180; top:58; z-index:1;"> <table bgcolor="202020" cellspacing="0" cellpadding="2" border="1" width="100"> <tr> <td><a href="../../../_default.htm">Установка</a><br> <a href="../../../_default.htm">FAQ</a><br> </tr> </table> </div><div id="m3" class="menu" style="left: 220;"> <table bgcolor="202020" cellspacing="0" cellpadding="2" border="1" width="100"> <tr> <td><a href="javascript:do_menu('m3x')" onmouseover="do_check('m3x')"><b>Other</b></a> </td> </tr> </table> </div><div id="m3x" class="submenu" style="left: 220;"> <table bgcolor="202020" cellspacing="0" cellpadding="2" border="1" width="100"> <tr> <td><a href="../../../_default.htm">Dos</a><br> <a href="../../../_default.htm">OS/2</a><br> <a href="../../../_default.htm">BeOS</a><br> <a href="../../../_default.htm">UNIX</a> </td> </tr> </table> </div>
|