Skip to content
Navegación
Increase font size Decrease font size Default font size
Estas aqui: Portada arrow tutoriales arrow CSS arrow Cambio de opacidad de imagen al paso del mouse
Cambio de opacidad de imagen al paso del mouse Imprimir E-Mail
Calificación usuario: / 0
MaloBueno 
lunes, 31 de julio de 2006

Cambio de opacidad de imagen al paso del mouseEl ejemplo consigue cambiar la opacidad o transparencia de una imagen.

Explicacion:

 

Al paso del Raton
onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100"

Al quitar el Raton
onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"


 

Codigo:





<!-- El codigo ha sido proporcionado: http://www.tutores.org -->
<a href="http://www.tutores.org">Codigo ofrecido por Tutores.org</a>

<img
src="/tutores/images/mundo.gif"
width="105" height="140"
alt="Texto adicional"
style="-moz-opacity:0.5;filter:alpha(opacity=50);cursor:hand"
onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"
>

 


Fuente: tutores.org

< Anterior   Siguiente >
Diseño Web
Recibe en tu Email las Últimas noticias y artículos publicados en la web


** En la ventana nueva debes ingresar el número de verificación

Usuarios

Usuario

Contraseña

Recordarme
¿Recuperar contraseña?
¿Quiere registrarse? Hágalo aquí

Sindicación

Webs Amigas
Mucho Grafico
Recursos Gratuitos para Webmasters
Tutoriales y Foro de Diseño
Recursos Oracle
Infected FX
Noticias Informaticas
Noticias Gadget
Intercambio de Links