Sigueme por RSS! RSS

Acordeon menús JQuery+CSS

Son menús verticales y desplegables elaborados con JQuery, CSS, JavaScript, por dynamicdrive. Todos los ejemplos se basan en el script ddaccordion.js.

<-- Bullet List 

En este ejemplo las cabeceras de menú son las etiquetas H3, cada sub-menú es una lista UL que se expande o contrae con un click. El estilo se va agregando dinámicamente a la cabecera ampliada y se restaura al contraerse.

Glossy Accordion Menu -->

Acá el encabezado es un enlace y los sub-menús son listas dentro de elementos DIV contenedor; el menú se expande o contrae con un click, antes de que un sub-menú se muestre, se ocultará aquel que este desplegado.




<-- Arrow Side Menu

Este otro usa tres imágenes de fondos para un estado diferente cada una, cada opción del menú es un enlace, el comportamiento del menú en general es configurable.



Urban Gray Accordion Menu -->

Aquí las opciones del menú se despliegan al pasar el mouse por encima, tarda 200 milisegundos en desplegarse (por defecto).






<-- Apple style Accordion Menu

Este ultimo es similar a los anteriores, se despliega al pasar el mouse, el retraso es de 200 milisegundos y antes de que se muestre, de contraen las demás opciones del menú. Este menú usa elementos DIV en lugar de listas UL.

0 comentarios: Suscribete a los comentarios por RSS

Publicar un comentario

- Los comentarios están siendo moderados y serán publicados en la brevedad posible.