Demo Dynamic HTML - Menú que se oculta

Menú que se oculta

Compatibilidad: Ms Internet Explorer, Netscape

Útil, gráficamente sugerente y versátil, esta demo constituye un óptimo punto de partida para quien quiera crear un diseño de página original.
Además del texto se pueden insertar fácilmente imágenes de cualquier formato y extensión. Mediante la inserción de más de un menú es posible obtener un resultado de gran interés y utilidad para una correcta gestión de la información.
Se podrían, por ejemplo, crear menús que simulen una especie de archivo con carpetas que aparecen y desaparecen según las exigencias.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

if (document.layers) {n=1;ie=0}
if (document.all) {n=0;ie=1}

function init() {
        if (n) tab = document.tabDiv
		if (n) poptext = document.poptextDiv
		if (ie) tab = tabDiv.style
        if (ie) poptext = poptextDiv.style
}

var tabShow=1;

//Hide-Show Layer
function hidepoptext() {

if (tabShow == 1) {
        	if (n) {
                tab.visibility = "hide";
                tab.left = 0;
                tab.visibility = "show";
                poptext.visibility = "hide";
                tabShow = 0;
                return;
           	}
			if (ie) {
                tab.visibility = "hidden";
                tab.left = 0;
                tab.visibility = "visible";
                poptext.visibility = "hidden";
                tabShow = 0;
                return;
           }
  }
                
        if (tabShow == 0) {
        	if (n) {
                tab.visibility = "hide";
                tab.left = 223;
                tab.visibility = "show";
                poptext.visibility = "show";
                tabShow = 1;
       			   }
			if (ie) {
				tab.visibility = "hidden";
                tab.left = 223;
                tab.visibility = "visible";
                poptext.visibility = "visible";
                tabShow = 1;
				}
}
}

</script>

#poptextdiv {
        visibility:show;
        position:absolute;
        width:223px;
        top:150px;
        left:0px;
        z-index:0;
        border-width:1px;
        border-color:#FFC0A2;
        background-color:#FFC0A2;
        color:black;
        padding:10 5 10 5;
        z-index:1;
        
}

-->
</style>

</HEAD>

<div ID=poptextDiv>
Este ejemplo permite ocultar texto o cualquier otro objeto o imagen.<BR> 
Mediante la inserción de más de un menú es posible obtener un resultado de gran interés y utilidad para una correcta gestión de la información.<BR><BR>
<CENTER><IMG SRC="logo.gif" ALT="HTMLpoint - recursos para tu portada"  border=0></CENTER>
</div>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]