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

СТРАНИЦА № 215« предыдущая | содержание | следующая »

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

Код.

<HTML>
<HEAD>
<style>
.menu

{

position: absolute;

top:10;

z-index: 2;

}
.submenu

{

position: absolute;

top: 10;

z-index: 0;

visibility: hide;

visibility: hidden;

}
</style>
<script>

</script>
</HEAD>
<BODY>
<center>
<div id="m1" class="menu" style="left: 5;">
<table bgcolor="FFDFBF" 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="FFDFBF" 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="FFDFBF" 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="FFDFBF" 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:250; z-index:1;">
<table bgcolor="FFDFBF" 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:290; z-index:1;">
<table bgcolor="FFDFBF" 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="FFDFBF" 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="FFDFBF" 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>
</BODY>
</HTML>

Результат. Посмотрите вверх

Windows
Mac
Unix
BeOS

Work >>
Tools
Spiele >>

Star Office
Communicator
Photoshop Freehand

Tomb Raider
Quake
Swing

PC
Mac
Amiga
UNIX

« предыдущая | содержание | следующая »

Оставить комментарий

Знаете ли Вы, что, как и всякая идолопоклонническая религия, релятивизм представляет собой инструмент идеологического подчинения одних людей другим с помощью абсолютно бессовестной манипуляции их психикой для достижения интересов определенных групп людей, стоящих у руля этой воровской машины? Подробнее читайте в FAQ по эфирной физике.

Последнее обновление: пятница 17 мая 2024 г.