[Javascript] Menú deslizante usando Jquery

El seraphinux ultimamente le ha dado por escribir mas que de costumbre y gracias ha ello me he encontrado con un menú deslizante echo con Javascript.

Para que se den una idea de que les hablo aquí esta la imagen de menú normal

sliding-top-menu

Y aquí la imagen del menú pero ahora desplazado, o deslizado.

jquery-sliding-menu

Esto fue hecho gracias a la potencialidad y funcionalidad de Jquery, que es muy fácil de adaptarse a cualquier uso.

Veamos como se hizo, siguiendo el ejemplo de la fuente.

Primero necesitamos usar HTML,

[HTML]

Isn’t this nice?

[/HTML]

Ahora le aplicamos el siguiente CSS

[CSS]

[/CSS]

Y para hacerlo funcionar usamos Jquery de la siguiente forma

[JAVASCRIPT]

[/JAVASCRIPT]

Como ven es bastante simple, las imagenes usadas y el ejemplo de esto lo podrán encontrar en

http://www.webresourcesdepot.com/wp-content/uploads/file/jquery-sliding-menu/

Aunque ultimamente me ha estado atrayendo bastante Mootools, Jquery sigue teniendo muchisima utilidad.

Estoy planeando algo grande (después de que libere algo que tengo pendiente ups, solo me falta terminar la traducción y listo), que tendrá bastante Ajax y javascript, la pelea esta en que Framework utilizare, tal vez sera Jquery o Mootools, no lo se hagan sus apuestas.

Vía | Menu deslizante con jQuery
Surgio en | Sliding Top Menu With jQuery

Related posts:

  1. [Javascript - Jquery] Jhon Resig: aprendiendo javascript, y jQuery Mientras siguo desarrollando el proyecto que me ha llevado mas...
  2. :: Javascript :: Empaquetador de javascript Dean Edwards ha desarrollado un empaquetador para javascript, con el...
  3. :: Ajax :: Creando tabs con css y javascript Bien después de que pues casi no he escrito nada,...
  4. [Jquery-Plugin]Sparklines, creado graficas con Jquery Leo una interesante entrada de Andrés Nieto sobre un plugin...
  5. [Javascript:Jquery] Plugin GoogleMaps Me entero en Twitter, sobre un plugin de Jquery el...

Related posts brought to you by Yet Another Related Posts Plugin.

One Response

[...] menu deslizante usando jquery [...]

Comentar

* Name, Email, Comment are Required

Mis Tweets Ajaxman


Categorias

Historico de entradas publicadas