Ver Mensaje Individual
  #5 (permalink)  
Antiguo 22/01/2007, 09:12
Avatar de bookmaster
bookmaster
 
Fecha de Ingreso: febrero-2002
Ubicación: Toledo
Mensajes: 976
Antigüedad: 23 años, 1 mes
Puntos: 67
Re: alguien sabe como hacer este menu???

No sabia que te referias al otro menu de dentro de la página.

Eso lo puedes hacer de la siguiente manera:

1º Crear los menu en diferentes tablas.
2º Meter las tablas en <DIV></DIV> y posicionarlas.
3º Darle nombre a los <DIV> y con javascript mover las capas.

Te pongo un pequeño ejemplo:

Código HTML:
<HTML>
   <HEAD>
      <TITLE>Menus desplegables</TITLE>
      <META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<SCRIPT LANGUAGE="JavaSCript">
<!--
var Posicion=-100;
var PosicionHorizontal=-100;
var MenuActivo=0;
var TiempoMostrar=6000;
var TiempoMostrarHORI=2000;


// Menu1
function muestramenu(){
window.status="Estado del menu: "+MenuActivo+" Posicion vertical: "+Posicion+" Posicion horizontal: "+PosicionHorizontal;
	if (Posicion<=30){
		Posicion = Posicion + 1;
		Menu1.style.visibility="visible";
		Menu1.style.top=Posicion;
		setTimeout('muestramenu()',10);
	};

	if ((Posicion>=30)&&(MenuActivo==0)){
		setTimeout('recogemenu()',TiempoMostrar);
	};

};

function recogemenu(){
window.status="Estado del menu: "+MenuActivo+" Posicion vertical: "+Posicion+" Posicion horizontal: "+PosicionHorizontal;
	if(Posicion==-100){
		Menu1.style.visibility="hidden";
	} else {
		Posicion=Posicion-1;
		Menu1.style.top=Posicion;
		setTimeout('recogemenu()',10);
	};
};
//-->

-->
</SCRIPT>


   </HEAD>
   <BODY topmargin="0" rightmargin="0" rightmargin="0" leftmargin="0" marginwidth="0" marginheight="0">

<TABLE WIDTH="300" BORDER="1">
<TR><TD width="100" onmouseover="muestramenu(); MenuActivo=1;" onmouseout="MenuActivo=0">Opcion1</TD>
<TD width="100" onclick="muestramenu2();" onmouseover="MenuActivo=0;" onmouseout="MenuActivo=0">Opcion2</TD>
<TD width="100" onclick="muestramenu3();" onmouseover="MenuActivo=0;" onmouseout="MenuActivo=0">Opcion3</TD></TR>
</TABLE>

<DIV ID="Menu1" style="position:absolute; left:0; top:0; visibility:hidden;">
<TABLE width="100" BORDER="1">
<TR><TD onmouseover="MenuActivo=1" onmouseout="MenuActivo=0">Opcion11</TD></TR>
<TR><TD onmouseover="MenuActivo=1" onmouseout="MenuActivo=0">Opcion21</TD></TR>
<TR><TD onmouseover="MenuActivo=1" onmouseout="MenuActivo=0">Opcion31</TD></TR>
</TABLE>
</DIV>
<DIV ID="Menu2" style="position:absolute; left:-100; top:30; visibility:hidden;">
<TABLE width="100" BORDER="1">
<TR><TD onmouseover="MenuActivo=1" onmouseout="MenuActivo=0">Opcion12</TD></TR>
<TR><TD onmouseover="MenuActivo=1" onmouseout="MenuActivo=0">Opcion22</TD></TR>
<TR><TD onmouseover="MenuActivo=1" onmouseout="MenuActivo=0">Opcion32</TD></TR>
</TABLE>
</DIV>

   </BODY>
</HTML> 
No esta terminado del todo pero es para que te hagas una idea.
__________________
Decir si te a funcionado la respuesta es ¡GRATIS!. Por favor indicarlo.
http://www.lohacemosweb.net
http://tutoriales.lohacemosweb.net