Crear Menú Animado con jQuery

02 de enero de 2013
Valoración del artículo:
En este manual veremos cómo crear un menú animado en jQuery para que pueda ser visualizado en todos los navegadores.
Atención: Contenido exclusivo de DesarrolloMultimedia.es. No reproducir. Copyright.

En este manual veremos cómo crear un menú animado en jQuery para que pueda ser visualizado en todos los navegadores. Para poder realizar este tipo de menús tenemos que tener en cuenta varios archivos, uno javasript, donde estarán las funciones y parámetros de situación, movimiento y colores, el archivo jquery, el archivo de estilos, (css), y el html donde estarán los enlaces.

El menú que vamos a realizar es sencillo, simplemente unos enlaces, que al pasar el cursor sobre ellos aparecerá una forma para señalarlo.



Aunque vamos a dejar las fuentes para que podáis descargarlas, ( descargar fuentes), y podáis ver el ejercicio mejor, vamos a explicar un poco el código HTML, que será el que tenéis que tener en cuenta para su modificación y adaptación a vuestros proyectos.

<li ><a href="#" title="inicio" ><font color="#DFDFBF">inicio</font></a></li>
<li><a href="#" title="quiénes somos"><font color="#DFDFBF">quiénes somos</font></a></li>
<li><a href="#" title="contacto"><font color="#DFDFBF">contacto</font></a></li>



Como podéis ver en el código, dentro de las comillas tendremos que sustituir el símbolo # por la url o enlace que deseemos.

En tittle el título o nombre que queramos que se muestre cuando pasemos sobre el enlace con el cursor.

Font si queremos cambiar el color del enlace y dentro el propio nombre del enlace.

Y por último a tener en cuenta es la imagen que queramos que aparezca encima de nuestro enlace, si queréis cambiarla, tendréis que sustituirla por otra del mismo tamaño, (ya que en el javascript, están puestos los valores en relación de esa imagen), se encuentra en la carpeta img.

Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos
interesantes que se hayan enviado recientemente.


Se han encontrado 2 comentarios sin revisar




El autor
Guía

Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...