Foros del Web » Creando para Internet » HTML »

¿Cómo está hecho esto?

Estas en el tema de ¿Cómo está hecho esto? en el foro de HTML en Foros del Web. Pasando por la página del grupo http://www.vetustamorla.com/ me he quedado muy sorprendido con el menú de navegación que tiene. La verdad es que no tengo ...
  #1 (permalink)  
Antiguo 08/02/2011, 18:09
 
Fecha de Ingreso: febrero-2011
Mensajes: 2
Antigüedad: 6 años, 10 meses
Puntos: 0
¿Cómo está hecho esto?

Pasando por la página del grupo http://www.vetustamorla.com/ me he quedado muy sorprendido con el menú de navegación que tiene. La verdad es que no tengo ni idea de cómo lo han hecho.

Cambiar el color del texto y el fondo lo sé hacer mediante CSS, lo que me intriga es la barrita que te sigue cuando hay un hover y que modifica su tamaño para adaptarse al recuadro del enlace. ¿¿Cómo está hecho esto??
  #2 (permalink)  
Antiguo 08/02/2011, 18:25
 
Fecha de Ingreso: febrero-2011
Ubicación: Bunker personal
Mensajes: 10
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: ¿Cómo está hecho esto?

me supongo que debe ser algo de javascript
  #3 (permalink)  
Antiguo 08/02/2011, 20:04
 
Fecha de Ingreso: diciembre-2010
Mensajes: 46
Antigüedad: 7 años
Puntos: 0
Respuesta: ¿Cómo está hecho esto?

No has probado haciendolo en flash?
  #4 (permalink)  
Antiguo 09/02/2011, 14:15
 
Fecha de Ingreso: febrero-2011
Mensajes: 2
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: ¿Cómo está hecho esto?

¡Es que no está hecho en flash! Flash no es compatible con la mayoría de dispositivos móviles, además de suponer un inconveniente para SEO y accesibilidad, por eso me interesa saber cómo está hecho.

Yo supongo que será con eventos javascript, pero quería ver si alguien podría indicarme "grosso modo" la manera de hacer algo similar, tipo: creas la barra en una div, controlas el hover con el evento talPascual que llame a una función con la que la mueves mediante la propiedad style.left hasta una posición guardada en una variable, modificas su tamaño con la propiedad style.nosequé...
Algo que me permitiese tener una idea más o menos clara de cómo está hecho para poder luego trastear : )
  #5 (permalink)  
Antiguo 09/02/2011, 15:49
Avatar de pypeeweb  
Fecha de Ingreso: febrero-2011
Ubicación: Argentina
Mensajes: 4
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: ¿Cómo está hecho esto?

Hola!!

Ese efecto creo que esta hecho con MooTools que es un framework de javascript. Sin embargo yo lo he hecho otras veces con jQuery. Te dejo aca el link para que veas.. Casi al final está el ejemplo de lo que querés.

http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

Cualquier cosa me decis!

Saludos!

--
Pypee › Web Workshop. Diseño, desarrollo & Hosting de Sitios Webs. http://www.pypee.com

Etiquetas: hecho
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 13:36.