Ahi va el menu, aunque http://www.sidedev.net/jsoop/dropdowns/ me parece 
bueno, mi versión es vertical.

Funciona con js, si desactivado se despliega. El estilo, en el css (css/). 
El js, en js/, imagenes para plegar y desplegar (imagenes/) son un + y - al 
estilo güindows.

En el ejemplo, 1 y 2 son enlaces directos, 3, 3.1, 3.1.1, ... son 
desplegables. Modificar al gusto y si veis algún fallo me avisais, ok?

Lo envio en 4 correos (este el primero).

***************
EL HTML
***************

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html lang="es">
<head>
<title>
menu accesible
</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta name="content-type" content="text/html; charset=iso-8859-1" />
<meta name="robots" content="noindex,nofollow" />
<meta name="description" content="menu" />
<meta name="keywords" content="menu" />

<link rel="stylesheet" media="all" type="text/css" href="css/menuacc.css" />

<script src="js/menu.js" type="text/javascript"></script>

</head>

<body id="cuerpo" class="cuerpo" lang="es" dir="ltr">



<div id="contenedormenu" class="contenedor_menu">


<div id="p7TMnav">


<div id="nivel1" class="nivel">
<a href="http://www.google.com/"; class="nivel" title="descripción del 
enlace">1</a>
</div>


<div id="nivel2" class="nivel">
<a href="http://www.google.com/"; class="nivel" title="descripción del 
enlace">2</a>
</div>


<div id="nivel3" class="niveldesp">
<a href="./#" class="niveldesp" title="descripción del enlace">3</a> 

<div id="nivel31" class="subniveldesp">

<a href="./#" class="subniveldesp" title="descripción del enlace">3.1</a> 

<div id="nivel311" class="subniveldesp">

<a href="./#" class="subniveldesp" title="descripción del enlace">3.1.1</a> 

<div id="nivel3111" class="subniveldesp">

<a href="./#" class="subniveldesp" title="descripción del
enlace">3.1.1.1<http://3.1.1.1></a>


<div id="nivel31111" class="subnivel">
<a href="http://www.google.com/"; class="subnivel" title="descripción del 
enlace">3.1.1.1.1</a>
</div>
</div>


</div>

<div id="nivel312" class="subnivel">
<a href="http://www.google.com/"; class="subnivel" title="descripción del 
enlace">3.1.2</a>
</div>

<div id="nivel313" class="subnivel">
<a href="http://www.google.com/"; class="subnivel" title="descripción del 
enlace">3.1.3</a>
</div>

</div>



<div id="nivel32" class="subniveldesp">
<a href="../index_valencia.html#" class="subniveldesp" title="descripción 
del enlace">3.2</a> 

<div id="nivel321" class="subnivel">
<a href="http://www.google.com/"; class="subnivel" title="descripción del 
enlace">3.2.1</a>
</div>

<div id="nivel322" class="subnivel">
<a href="http://www.google.com/"; class="subnivel" title="descripción del 
enlace">3.2.2</a>
</div>

</div>
</div>


<div id="nivel4" class="niveldesp">
<a href="../index_valencia.html#" class="niveldesp" title="descripción del 
enlace">4</a> 

<div id="nivel41" class="subnivel">
<a href="http://www.google.com/"; class="subnivel" title="descripción del 
enlace">4.1</a> 
</div>

<div id="nivel42" class="subnivel">
<a href="http://www.google.com/"; class="subnivel" title="descripción del 
enlace">4.2</a> 
</div>

</div>
</div>



<script src="js/funciones_final.js" type="text/javascript"></script>

<noscript>
Su Javascript está desactivado.
</noscript>

</div>


</body>

</html>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a