Красивое падающее меню в Арбузной газете

Красивое падающее меню в Арбузной газете

Щелкните мышкой по пункту меню...
КОД
(Естественно, не мой - нашел в Сети)

<style>
.menu
{
	position: absolute;
	z-index: 1;
	padding:5;
	border-width: 1;
	border-style: ridge;
	background-color: blue;
	color: white;
}
</style>
<script language="JavaScript">
var mpos=new Array();
var mdir=new Array();
var maxmenus=3;
var delay=20;
function do_menu(menu)
{
	for(i=0; i<maxmenus; i++)
	{
		if(menu!=i && mpos[i]>-122)
		{
			mdir[i]=-4;
			if(mpos[i]>=260)
				move_menu(i);
		}
	}
	mdir[menu]=-mdir[menu];
	if(mpos[menu]<=-122 || mpos[menu]>=260)
		move_menu(menu);
}
function move_menu(menu)
{
	mpos[menu]+=mdir[menu];
	if(document.layers)
		document.layers["menu"+menu].top=mpos[menu];
	else
		document.all["menu"+menu].style.top=mpos[menu];
	if(mpos[menu]>-122 && mpos[menu]<260)
		setTimeout("move_menu("+menu+")", delay);
}
function init()
{
	for(i=0; i<maxmenus; i++)
	{
		mpos[i]=-122;
		mdir[i]=-4;
	}
}
</script>
</HEAD>
<BODY onload="init()">
<H2><center>Красивое падающее меню в Арбузной газете</H2>
<div class="menu" style="top:180; left:74; z-index:2; width: 100; background: lime"><a
href="javascript:do_menu(1)"><b>
<p>Статьи</b></a> </p>
</div><div id="menu1" class="menu"
style="top:-122; left:74; width: 200; background: lime">
<p><a href="../../x_ulitka.html">Улитка</a><br>
<a href="../../x_complex.html">Комплексныe чиселa</a><br>
<a href="../../z_life.html" >Жизнь</a></p>
</div><div class="menu" style="top:180; left:179; z-index:2; width: 100; background: aqua"><a
href="javascript:do_menu(2)"><b>
<p>Вернисаж</b></a> </p>
</div><div id="menu2" class="menu" style="top:-122; left:129; width: 200; background: aqua">
<p><a href="../../x_galerea4.html" >Зал №4 </a><br>
<a href="../../x_redblack.html" >Красное и черное в зале №3</a><br>
<a href="../../x_galerea1.html" >Зал №2</a><br>
<a href="../../z_galerea1.html" >Зал №1</a></p>
</div>