Горизонтальное выпадающее меню с подменю

Горизонтальное выпадающее меню с подменю.

Windows
Mac
Unix
BeOS

Work >>
Tools
Spiele >>

Star Office
Communicator
Photoshop Freehand

Tomb Raider
Quake
Swing

PC
Mac
Amiga
UNIX

КОД

<html>
<HEAD>
<style>
.menu

{

position: absolute;

top:0;

z-index: 2;

}
.submenu

{

position: absolute;

top: 22;

z-index: 0;

visibility: hide;

visibility: hidden;

}
</style>
<script>

</script>
</HEAD>
<body bgcolor="#000000"  link="black" alink="black" vlink="black">
<div id="m1" class="menu" style="left: 5;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="115">
  <tr>
    <td><a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')"><b>Системы</b></a>
    </td>
  </tr>
</table>
</div><div id="m1x" class="submenu" style="left: 5;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="115">
  <tr>
    <td><a href="../../..//_default.htm">Windows</a><br>
    <a href="../../..//_default.htm">Mac</a><br>
    <a href="../../..//_default.htm">Unix</a><br>
    <a href="../../..//_default.htm">BeOS</a> </td>
  </tr>
</table>
</div><div id="m2" class="menu" style="left: 120;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')"><b>Software</b></a> </td>
  </tr>
</table>
</div><div id="m2x" class="submenu" style="left: 120;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="../../..//_default.htm" onmouseover="do_submenu('m21x')">Work</a> >><br>
    <a href="../../..//_default.htm" onmouseover="do_submenu()">Tools</a><br>
    <a href="../../..//_default.htm" onmouseover="do_submenu('m22x')">Spiele</a> >> </td>
  </tr>
</table>
</div><div id="m21x" class="submenu" style="left: 180; top:24; z-index:1;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="../../..//_default.htm">Star Office</a><br>
    <a href="../../..//_default.htm">Communicator</a><br>
    <a href="../../..//_default.htm">Photoshop</a>
    <a href="../../..//_default.htm">Freehand</a> </td>
  </tr>
</table>
</div><div id="m22x" class="submenu" style="left: 180; top:58; z-index:1;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="../../..//_default.htm">Tomb Raider</a><br>
    <a href="../../..//_default.htm">Quake</a><br>
    <a href="../../..//_default.htm">Swing</a> </td>
  </tr>
</table>
</div><div id="m3" class="menu" style="left: 220;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="javascript:do_menu('m3x')" onmouseover="do_check('m3x')"><b>Hardware</b></a> </td>
  </tr>
</table>
</div><div id="m3x" class="submenu" style="left: 220;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
    <td><a href="../../..//_default.htm">PC</a><br>
    <a href="../../..//_default.htm">Mac</a><br>
    <a href="../../..//_default.htm">Amiga</a><br>
    <a href="../../..//_default.htm">UNIX</a> </td>
  </tr>
</table>
</div>

:: Следующий

:: Предыдущий

:: Скачать