He visto varias opciones para hacer esos menus, el macromedia, (dreamweaver y firefox) tiene una opción para hacer los menus bonitos, tambien estan las extenciones y un monton de aplicaciones. Cuando se hace asi el menú, por lo menos el macromedia deja un monton de mugre y hace unos scripts gigantescos. Una opción es este menú (abajo al final del mensaje), lo que hace es simplemente ocultar y mostrar una capa dejandola una cantidad de tiempo activa. Para lograr que se vea muy bonita hay que trabajarle con CSS, el efecto de transparcia tambien es una propiedad css pero no es estandar, solo sirve en explorer. El script lo creo Omar Serrano, y lo modifico Esteban Rozo (al cesar lo que es del cesar) yo no hice nada pues no se java script
aqui va toda la página con el script, un CSS y la manera de llamarlo:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
//Función que cambia la propiedad CSS oculto/visible de la tabla
var id
var temporizador = 500
function Asignar(variable)
{ document.getElementById(id).style.visibility = variable }
function Aparece(elemento ,modo)
{
id = elemento
if (modo == "out")
{
CVariable = "Hidden"
setTimeout('Asignar(CVariable)',temporizador)
}
if (modo == "over")
{
CVariable = "Visible"
Asignar(CVariable)
}
}
</script>
<style>
.menudesplegable {
visibility: hidden;
z-index: 2;
position: absolute;
left: 100px;
top: 65px;
padding: 15px;
}
</style>
</head>
<body>
<table width="179" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCFFFF" id="menu1">
<tr>
<td width="173" onmouseOver="Aparece('tabla1','over')" onmouseOut="Aparece('tabla1','out')"><a href="#" onmouseOver="Aparece('tabla1','over')" onmouseOut="Aparece('tabla1','out')">Menus
desplegables</a></td>
</tr>
</table>
<table width="177" border="0" cellpadding="0" cellspacing="0" onMouseOver="Aparece('tabla1','over')" onMouseOut="Aparece('tabla1','out')" class="menudesplegable" id="tabla1" style="left: 100px; top: 70px">
<tr>
<td width="171" height="97" valign="top" bgcolor="#FF9933">
<p><a href="#">hola 1</a></p>
<p><a href="#">hola 2</a></p>
<p><a href="#">hola 3</a></p>
</td>
</tr>
</table>
<table width="243" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFCC33" style="z-index: 1">
<tr>
<td width="243" height="294" valign="top">
<p>Texto texto</p>
</td>
</tr>
</table>
</body>
</html>