Efecto del Menú con gradiente

Este es un script que le permite añadir efectos especiales a su menú de página web. Todos estos efectos están basados en el movimiento suave de una imagen de fondo del elemento de menú. El caso más común es cuando la imagen de fondo es un gradiente de color suave. Pero también Usted puede usar otros efectos.

JavaScript
Para que el script funcione, el fichero index-#.html con menú debe contener estas líneas de código HTML:

El fichero menu.js contiene estas líneas de código que inicializan la funcionalidad de script con los valores básicos:

Aquí los atributos de script definen los siguientes valores:
•  backgroundPosition: “(0 -250px)” – anchura máxima de slide abierto;
•  duration: 500 – duración total de la animación;
El script cambia el valor backgroundPosition, por lo que el fondo del menú se anima. Aquí el efecto de animación es añadido a la lista de viñetas con clase .nav.

HTML
Ahora se puede revisar una representación de script HTML:

Se utiliza una lista de viñetas para crear un menú.

CSS
Usted puede encontrar stylesheet relacionado con script en el fichero style.css principal. Usted tendrá que modificar los siguientes estilos:

Es importante especificar la clase activa (.active) para un elemento de menú en una página correspondiente.