ImagineMenu - Menú con jQuery.

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Este es un simple ejemplo que utiliza la librería jQuery para poder crear menús de navegación para tu página, utilizando una imagen o gráfico para los botones y links. ( botones con imágenes de sustitución.)

El menú emplea un único gráfico a modo de sprite con todos los items para los enlaces, tanto para los botones a mostrar en estado normal, como para los que visualizarán al hacer un mouseover.

Es Ideal para utilizar botones creados con tu editor gráfico preferido, por ejemplo con el Photoshop, FireWorks, etc .., con posibilidad de utilizar degradados, tipografías y efectos para las letras de los links.

Mas información sobre el programa.

Características:

Para crear el menú como se mencionó, se utiliza una única imagen que contiene todos los items o botones.

En la parte superior los que corresponden al estado en reposo del enlace, y en la parte inferior los que se deberán reemplazar al pasar el mouse.

Vista previa de la imagen

Código fuente para crear el menú.

El autor incluye 3 ejemplos en el archivo de descarga ( imagineMenu_demo.html ). La instalación y configuración es muy simple y la puedes ver en dicha página, de todas formas a continuación se ve un resumen de como se instala:

Como primer paso se debe insertar el siguiente código fuente en la sección HEAD, esto permite llamar a la librería jQuery, al plugin, y por último ejecuta una simple función con dos parámetros para indicar la imagen de background ( la ruta del gráfico ) y el ancho de los botones ( en pixeles ).

Para utilizar botones con anchos distintos, se deberá llamar a la función pasando el valor de anchura para cada uno de ellos:

Luego para crear el menú, el siguiente código HTML, donde define un DIV con los estilos para cada enlace. Nota: para crear un menú donde un item quede selecciondo por defecto, puedes ver el último ejemplo del autor, como también el código CSS utilizado ( El css se encuentra dentro del HTML).

Demo online

En esta página web, (además del que incluye el autor), puedes ver un ejemplo de la barra de navegación en funcionamiento. Visitar


Requerimientos de instalación y uso.

Requiere : jQuery.


Videos tutoriales.

No hay mas capturas.

Cambios, actualizaciones y mejoras del programa.

Buscar programas


Introduce los términos de búsqueda ...

Enlaces patrocinados.


Detalles y descargar

Web:
Licencia:
Gratis
Versión:
1.1
Idioma:
Inglés
Programa actualizado:


Si te ha gustado esta página, programa o artículo puedes votar haciendo clic en este botón: