Cita: realmente crees que para logras ese efecto, es necesario todo ese css y usar una librería??
Pues no, yo solo lo haría con CSS + JAVASCRIPT vulgar y silvestre. Pero en el caso de mis proyectos simpre voy de la mano de JQUERY.
Cita: En el HTMl de ejemplo que me pones, haces referencia a 2 archivos javascript, el main.js y jquery.js, pero no mencionas luego nada de qué debe llevar el jquery.js.
Por otro lado, no sé muy bien cómo guardar los códigos javascript en el archivo main.js, ¿me lo podrías explicar un poco mejor?
Cierto, disculpa por no mencionarte esa parte. La libreria
jquery.js es un framework de Javascript y la puedes descargar en el siguiente enlace:
http://jquery.com/
Con respecto a como crear un archivo .js es sencillo. Lo que tienes que hacer es:
1) Abrir el block de notas.
2) Copias el código javascript que te indique en el minitutorial y lo pegas en el documento.
3) Guardas el documento con el nombre:
main.js
4) Agregas el archivo creado en la raíz de tu proyecto y listo.
Prueba y me avisas, saludos.