Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<style type="text/CSS">
.estilo1 {
width: 0px; height: 0px; display: none;
}
.estilo2 {
width: 0px; height: 0px; display: inherit;
}
</style>
<script type="text/javascript">
function capa(name)
{
var estilo = document.getElementById(name).className;
if (estilo == "estilo1")
{
document.getElementById(name).className = "estilo2";
}
else
{
document.getElementById(name).className = "estilo1";
}
}
</script>
<body>
<img src="Menu.png" usemap="#menu" class="chromestyle" id="chromemenu">
<map name="menu">
<area id="Nosotros" onclick="capa(dropmenu1)" shape="rect" coords="50,50,120,80" alt="Nosotros" target="frame" />
<!--1st drop down menu -->
<div id="dropmenu1" name="dropmenu1" class="estilo1">
<a href="mision.htm">Misiòn</a>
<a href="Vision.html">Visiòn</a>
</div>
<area onclick="capa(dropmenu2)" shape="rect" coords="130,50,220,80" alt="Servicios" target="frame" />
<!--2nd drop down menu -->
<div id="dropmenu2" name="dropmenu2" class="estilo1" style="width: 150px;">
<a href="http://www.cnn.com/">CNN</a>
<a href="http://www.msnbc.com">MSNBC</a>
<a href="http://news.bbc.co.uk">BBC News</a>
</div>
<area name="dropmenu3" id="dropmenu3" shape="rect" coords="230,50,280,80" alt="Clientes" target="frame" />
<area name="dropmenu4" id="dropmenu4" shape="rect" coords="290,50,370,80" alt="Productos" target="frame" />
<!--<area shape="rect" coords="400,50,490,80" href="NoInfo.html" alt="Servicios" target="frame"/>
<area shape="rect" coords="490,50,550,80" href="NoInfo.html" alt="Servicios" target="frame"/>
<area shape="rect" coords="580,50,620,80" href="NoInfo.html" alt="Servicios" target="frame"/>-->
<area name="dropmenu5" shape="rect" coords="640,50,710,80" alt="Contacto" href="contacto.php" />
</map>
</body>
</html>
Tengo este codigo he estado revisandolo y no se como hacerle para que despliegue el menu. El codigo de CSS y Javascript lo saque de otro post de este foro.
No se si me lo puedan revisar y darme una idea de donde puedo hacer para que me despliegue. O me recomienden un tutorial para ver que ideas salen.