informaticaPC

Tutorial de JQuery

Crear un menú


Regístrate

Los datos recopilados tienen como finalidad el envío de novedades sobre contenidos formativos propios (tanto en modalidad gratuita como de pago) y de terceros en calidad de afiliado, así como también noticias, información y otros contenidos relacionados con la informática y las nuevas tecnologías, siendo responsable de dicha información Francisco Javier Medina Medina (propietario de InformaticaPC.com).
Al obtener tu consentimiento los datos serán almacenados en el proveedor de E-Mail marketing MailRelay.
Por supuesto, en cualquier momento podrás hacer uso de tus derechos para acceder, rectificar, limitar y suprimir dichos datos.

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