23/12/2009, 06:58
| ||||
| ||||
| Efecto de desvanecimiento en links Amigos: Quisiera una orientacion de como hacer el efecto de desvanecimiento que hay en esta web en la barra de navegacion superior: http://www.culinariafoodandwine.com/ Al posicionarse sobre el link aparace una linea debajo del vinculo, al sacar el puntero del link la linea inferior desaparece lentamente. Desde ya gracias. Saludos. |
|
23/12/2009, 10:00
| |||
| |||
| Respuesta: Efecto de desvanecimiento en links Es el tipo de cosas que se hacen con flash, pero con javascript se podria hacer. Necitas saber: Respecto a css opacity: 80 / 100; filter: alpha(opacity=80); //80 es el porcenjate de transpariencia Respecto a javascript: evento onMouseOut funciones recursivas uso de funcion setTime(); acceso a traves de dom al objeto 'lineaQueSeDesvanece' y a los css de esta Con eso yo creo que ya estaria, seria una funcion de unas 6 lineas |
|
23/12/2009, 12:20
| ||||
| ||||
| Respuesta: Efecto de desvanecimiento en links Hola: Ese efecto está hecho con jquery y css. Utiliza 3 imagenes, una sin linea inferior, otra con una linea tenue y la tercera con la linea blanca bien definida que se ve cuando el puntero está sobre el link. La verdad que ya lo habia visto en otras webs y con otros elementos pero así como esta en esta web que puse de ejemplo me parece muy, pero muy delicado y con buen gusto... Vere si puedo hacer algo parecido y si quieren coloco el código. Saludos y gracias! Última edición por armandoweb; 23/12/2009 a las 12:26 |
|
23/12/2009, 12:39
| ||||
| ||||
| Respuesta: Efecto de desvanecimiento en links No hace falta mas que un setTimeout() y jugar un poco con las velocidades, opacidades, etc... Como bien dijo @javitus |
