Многоуровневое Меню-1
|
| 28.11.2009, 14:49 |
<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>
|
| Категория: Мои файлы | Добавил: ModeratoR
| Теги:
|
| Просмотров: 581 | Загрузок: 0
|
|