Pegar código arriba de </head>:
<!-- Menu dos by: Vku http://loseasi.blogspot.com/ -->
<script type='text/javascript'>
var menudos_most_mosttr = null;
function ver(numero) {
obj = document.getElementById("most"+numero);
obj.className = (obj==menudos_most_mosttr) ? 'ocultar' : 'mostrar';
if (menudos_most_mosttr != null) {
menudos_most_mosttr.className = 'ocultar';
}
menudos_most_mosttr = (obj==menudos_most_mosttr) ? null : obj;
}
</script>
<style>
.ocultar {display:none;}
.mostrar {display:block;}
a.menudos {} /* poner el estilo del menu o link */
a:hover.menudos{} /* poner el estilo del menu o link al pasar el cursor*/
</style>
<!-- Fin Menu dos by: Vku http://loseasi.blogspot.com/ -->
Menu o link:
Poner en sidebar o donde mas les guste:
<div class='menudos' id='0' onclick='ver(this.id); return false'><a href='#'>link 1 [+/-]</a></div>link [+/-] cambiar por texto o imagen.
<br/>
<div class='menudos' id='1' onclick='ver(this.id); return false'><a href='#'>link 2 [+/-]</a></div>
<br/>
<div class='menudos' id='2' onclick='ver(this.id); return false'><a href='#'>link 3 [+/-]</a></div>
0, 1, 3, etc... Siempre tienen que ser distintos.
Si es necesario quitarle: ; return false y cambiar <a href='#'> por <a href='#most0'> , donde 0 es el número de la id del contenido.
Contenido:
Poner en donde quieran mostrar el contenido:(puede ir tambien entre los link despues de <br/>)
<div id="most0" class="ocultar">
ACÁ VA EL CONTENIDO A MOSTRAR
</div>
El número tiene que ser igual a la id del link del menu.
Ejemplo 1:Ejemplo 2:Ejemplo 3:
0 comments:
Post a Comment