informaticaPC

Tutorial de JQuery

Crear un menú

Menu

Este widget permite insertar un menú en nuestra página web. Algunas de sus propiedades son:

  • disabled: si su valor es 'true' se desactivará el menú.
  • icons: permite definir iconos a mostrar en los submenús.
  • position: configura la posición de los submenús con respecto a su menú padre.

En cuanto a sus métodos, disponemos entre otros de:

  • collapse(): cerrar el submenú que se encuentre activo.
  • destroy(): elimina el menú.
  • enable() / disable(): activar/desactivar el menú.
  • expand(): abre el submenú asociado al elemento que se encuentre activo.
  • focus(): activar un determinado elemento de menú.

Veamos un ejemplo:

Ejemplo

EXPLICACIÓN:

  • Creamos un 'DIV' con una lista para los elementos principales del menú, y otras sublistas para los diferentes niveles.
  • Definimos una clase CSS ui-menu para definir del ancho tanto de los menús como de los submenús.
  • Fíjate también en que en la lista usamos la clase CSS ui-state-disabled para desactivar elementos del menú.
  • Al cargarse la página se llama al método menu() para mostrarlo.
Más información

Vea también: [ Menu ] - [ Menu (ejemplo) ]

Primera página Página anterior Siguiente Última página
Usamos cookies para ofrecerte una experiencia mejorada, el continuar navegando supone que aceptas su uso