w3school tag img div attribute html css jquery navigation

tag - title label html



¿Cómo lidiar con los menús de navegación anidados profundos? (1)

Menús Drill Down - iPod Style

Una solución simple es nunca mostrar una o más anidadas a la vez con estilo CSS, hay muchos menús con los que puedes lograr esto y solo un ejemplo de algo que he usado antes en mis diseños que involucraban menús muy anidados usar un iPod estilo de menú Eche un vistazo por sí mismo , muestra todos los nidos que desee mientras mantiene todo fácil de usar y se ve muy bien también.

Puede consultar la fuente y otra demostración en línea aquí: jQuery iPod style y menús desplegables , si usa WordPress, esto ya ha sido transferido aquí . También vale la pena señalar que puede tener muchos menús en la página operando igual, así que mientras mira la demostración sí, verá un menú desplegable eficaz, pero puede tener muchos trabajando en una ''barra de menú'' uno al lado del otro, lo que sería muy apropiado para esta situación.

Más ejemplos de menús de profundización

Tengo una aplicación que estoy creando para un cliente que en algunos puntos tiene 6 niveles de navegación. Básicamente, nuestro usuario quiere seleccionar un elemento de una navegación. eso conducirá a otro conjunto de navegación, que conducirá a otro conjunto de navegación, y así sucesivamente hasta que tenga 6 niveles de profundidad en la propiedad de navegación.

Algunos de los elementos del menú no llegan tan lejos; de hecho, no tienen submenús.

Para complicar aún más las cosas, se requiere que algunos de los enlaces tengan descripciones de a qué informe conduce el enlace. La advertencia aquí es que algunas de las descripciones tienen 15 líneas de longitud, básicamente grandes párrafos de texto.

He intentado abrir el submenú al abrir el sub menú, pero cuando bajes al sexto nivel si mueves demasiado el mouse, volverás y volverás a arrearlos.

Probé el método acordeón de twitter bootstrap, pero eso no funcionó porque en el menú de 6 niveles, la mayor parte de la navegación desapareció de la página.

Intenté usar XML para llenar listas desplegables donde básicamente el usuario haría clic en un enlace y los "sublinks" aparecerían en una vista parcial con una lista desplegable. y eso continuó hasta que estuviste en el nivel más bajo. El problema es que me quedo sin pantalla inmobiliaria con 6 listas desplegables y una descripción.

¿Alguien tiene alguna sugerencia sobre qué más puedo hacer con una aplicación como esta?