Tutoriales Gratis - Cambio de opacidad de imagen al paso del mouse

Estas aqui: Portada

tutoriales

CSS

Cambio de opacidad de imagen al paso del mouse

viernes, 16 de diciembre de 2005

El 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:

<!-- Codigo obtenido en http://www.tutores.org -->
<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"
>
<!-- Fin Codigo obtenido en http://www.tutores.org -->

Fuente: Tutores

< Anterior		Siguiente >

Diseño Web

Usuarios

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

Tutoriales

Articulos para tu Web

Articulos Diseño Web

Noticias

Usuarios en Línea

Hay 18975 invitados en línea y 1 usuario en línea