<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="#008080" text="#ffffff" link="#000000" alink="#000000" vlink="#999999" onload="init()"> <div class="menu" style="top:0; left:10; width: 63; z-index:2; height:28"><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> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> </html>

Меню спускающееся.

<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>

<div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div>
</body>
</html>

Меню в таблице.

<html>

<strong><select
      name="test2" size="1" style="background-color: rgb(255,238,255); font-weight: bold">
        <option selected value="http://dweb.ru">Menu and Navigation</option>
        <option value="http://dweb.ru">Special document effects</option>
        <option value="http://dweb.ru">Scrollers</option>
        <option value="http://dweb.ru">Image Effects</option>
        <option value="http://dweb.ru">Image Slide Shows</option>
        <option value="http://dweb.ru">Mouse Trail effects</option>
        <option value="http://dweb.ru">Links and Buttons</option>
        <option value="http://dweb.ru">Dynamic clocks and dates</option>
        <option value="http://dweb.ru">Text Animations</option>
        <option value="http://dweb.ru">Browser Window</option>
        <option value="http://dweb.ru">DHTML Games</option>
        <option value="http://dweb.ru">Other</option>
      </select> <a href="javascript:warp()" style="text-decoration:none;color:black;"><em><font
      face="Arial">Go!</font></em></a></strong></p>
    </form>