Los menús CSS son una de las mejores opciones para crear índices ordenados y dinámicos en nuestro sitio web. A través de ellos los visitantes pueden acceder a las diferentes secciones y páginas del sitio. Con la ayuda de CSS y JavaScript es posible crear menús dinámicos y con estilo. Hay una gran variedad de formatos, están los menús horizontales, verticales y lineales, menús simples y desplegables y la función de todos estos no es solo enlazar directamente con alguna página (fuera o dentro de nuestro sitio) sino también la de generar y mostrar otro submenú con más opciones de navegación y enlaces.
Este JavaScript cambia el color de fondo del texto que utilizamos como enlace hacia otra página. El Script utiliza código CSS y JavaScript para realizar cambios en las propiedades de las celdas y enlaces de la página. Si sabemos algo de CSS podemos configurar el ejemplo a nuestro gusto, asignando los atributos y valores correspondientes a cada elemento.
Con este ejemplo podemos crear un menú índice para nuestra página web. Podemos agregar todos los ítem y subítem que queramos. El ejemplo utiliza código JavaScript para modificar las propiedades CSS de los elementos que componen el menú.
El siguiente menú css permite agregar todos los enlaces de navegación que necesitemos y a cada uno de ellos podemos asignarles una URL única. El menú css produce un efecto de cambio de color en el enlace activo al pasar el puntero del Mouse sobre el mismo y lo más llamativo es que siempre estará visible en la página web, es decir que por más que deslicemos la barra de scroll vertical hacia abajo se mantendrá en pantalla en la ubicación que le demos como predeterminada.
Ejemplo JavaScript para insertar un menú CSS con enlaces de navegación ocultos para el visitante. Al pasar el puntero del Mouse sobre el menú CSS se produce un efecto SlideIn automático de izquierda a derecha, mostrando así los enlaces activos. Ideal para cuando tenemos muchos enlaces y poco espacio en nuestra página web. El estilo del Menú CSS y los enlaces es totalmente configurable.
El ejemplo JavaScript crea un Menú CSS con enlaces ocultos que se muestran al activar el mismo mediante un click, produciéndose un efecto SlideIn de izquierda a derecha. Muy útil cuando tengamos varios enlaces de una categoría y no tengamos espacio en la página para mostrarlos a todos.
Este ejemplo JavaScript crea un menú simple horizontal con los enlaces que definamos nosotros y aplica un efecto de Scrool para visualizar los enlaces que no queden visibles en el menú. El efecto se activa mediante dos flechas direccionales (Izquierda/Derecha) y se terminará cuando se llegue al primer o último enlace del Menú.
Este atractivo Menú CSS programado en JavaScript permite crear tantos enlaces como queramos. Al parar el puntero del Mouse sobre algún enlace se visualiza un efecto tipo Flash sobre el texto del enlace/link y sobre la descripción del mismo, que aparece como cabecera del Menú. El efecto del Menú CSS sobre el enlace se repite indefinidamente, bajo un cierto período de tiempo, mientras se esté posado sobre el mismo.
Ejemplo JavaScript que muestra un menú simple con varios enlaces y al parar el puntero del mouse sobre ellos muestra una breve descripción del mismo en un área del mismo menú.