Спускающееся меню

Спускающееся меню.

При клике на ссылке спускается меню

КОД

<HTML>
<HEAD>
<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]>=30)
				move_menu(i);
		}
	}
	mdir[menu]=-mdir[menu];
	if(mpos[menu]<=-122 || mpos[menu]>=30)
		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]<30)
		setTimeout("move_menu("+menu+")", delay);
}
function init()
{
	for(i=0; i<maxmenus; i++)
	{
		mpos[i]=-122;
		mdir[i]=-4;
	}
}
</script>
</HEAD>
<body bgcolor="#000000" text="#ffffff" link="#000000" alink="#000000" vlink="#999999" onload="init()">
<div class="menu" style="top:0; left:10; width: 50; z-index:2"><a
href="javascript:do_menu(0)"><b>
<p>Меню</b></a> </p>
</div><div id="menu0" class="menu" style="top:-122; left:10; width: 200;">
<p>link 1<br>
link 2<br>
link 3<br>
link 4</p>
</div><div class="menu" style="top:0; left:74; z-index:2; width: 50; background: orange"><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: orange">
<p>Gute Nacht, Mutter<br>
Scream<br>
Romeo & Julia </p>
</div><div class="menu" style="top:0; left:129; z-index:2; width: 50; background: red"><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: red">
<p>USA, Mexiko<br>
England<br>
Spanien<br>
Thailand </p>
</div>
</center>

:: Следующий

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

:: Скачать