Hola de nuevo aqui les dejare el codigo de lo que trato de hacer.
La idea es que solo se habra el menu, del efecto solo una vez y se cierre cuando salga de todo . no por los links.
Gracias de antemano a todas las personas que me ayuden. y alos que no igual modo
Codigo
--------------------------------------------------------------------------
<html>
<HEAD>
<script language="JavaScript">
var ancho3=0;
function big(lyr,fila) {
document.all.Layer3alto.style.overflow='visible';
document.all[lyr].style.height='180px';
document.all[fila].style.background= 'red';
document.all.Layer3.style.height='180px';
document.all.Layer3_3.style.height='180px';
setTimeout("efecto()",1);
}
function small(lyr,fila) {
document.all[lyr].style.height='18px';
document.all[fila].style.background= "#FFFFCC";
document.all.Layer3alto.style.overflow='hidden';
document.all.Layer3.style.height='0px';
document.all.Layer3_3.style.height='0px';
document.all.Layer3.style.width='0px';
document.all.Layer3_3.style.width='0px';
}
function efecto() {
document.all.Layer3.style.width=ancho3 + "px";
if(document.all.Layer3.style.width == "160px"){
ancho3=0;
document.all.Layer3.style.background="#FFFFCC";
document.all.Layer3_3.style.width="160px";
}else{
ancho3 = ancho3 + 10 ;
setTimeout("efecto()",1);
}
}
</script>
</HEAD>
<BODY>
<div id="Layer3alto" align="center" z-index:3; style=" height:18px; position:absolute; width:160px; height:10px; left: 398px; top: 15px; " onMouseOver="big('Layer3alto','fila3')" onMouseOut="small('Layer3alto','fila3')" >
<div align="center" style=" width:160px; height:10px; " > <a href="menu2.html" >Menu 3</a></div>
<div align="center" id="Layer3" style="border: 1px solid black; width:0px; height:10px; overflow: hidden " >
<div align="center" id="Layer3_3" style="overflow: hidden ;width:0px; height:10px; ">
<font face="Verdana, Arial, Helvetica, sans-serif">
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td id="fila3" b><a href="menu1.html" >Menu 1</a></td>
</tr>
<tr>
<td><a href="link1.html">Link 1</a></td>
</tr>
<tr>
<td><a href="link1.html">Link 2</a></td>
</tr>
<tr>
<td><a href="link1.html">Link 3</a></td>
</tr>
<tr>
<td><a href="link1.html">Link 4</a></td>
</tr>
<tr>
<td><a href="link1.html">Link 5</a></td>
</tr>
</table>
</font>
</div>
</div>
</div>