Ver Mensaje Individual
  #2 (permalink)  
Antiguo 05/09/2010, 01:20
Avatar de bng5
bng5
 
Fecha de Ingreso: junio-2009
Ubicación: 127.0.0.1
Mensajes: 269
Antigüedad: 14 años, 10 meses
Puntos: 24
Respuesta: Imagen de sustitución.

Aclaración: eso es una lista, no una tabla.

Es muy fácil:

Dentro de cada item de la lista hay dos elementos:
  1. Una imagen (position:absolute;display:block;)
  2. Un div (position:absolute;display:none;)

Con JQuery (JavaScript) se le adjunta, a todos los items de la lista, un listener para los eventos mouseout y mouseover que conmuta la visibilidad de la imagen y el div con efecto de fade.

Con transiciones de CSS3 se puede lograr un efecto similar, pero por compatibilidad es mejor que lo hagas así como en ese sitio.