Publicentral.com - alta en buscadores, registro buscadores, promocionaPromocion en buscadores y negocios online
Mostrando Codigo - Css
Code

Css - Cambio de opacidad de imagen al paso del mouse

Códigos Css

El ejemplo consigue cambiar la opacidad o transparencia de una imagen.
Visitas: 24,666 - 07/05/2005 23:18:28
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
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
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


/* Codigo ofrecido por Tutores.org */

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



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Cambio de opacidad de imagen al paso del mouse" href="http://www.tutores.org/codigo/1470/" target="_blank">Cambio de opacidad de imagen al paso del mouse</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
mauripy
2 5
para navegadores safari cual seria el codigo??
Comentario usuario
23/10/2003 10.47.59
5 5
Hola, como se puede hacer para tener enlace en la imagen???
Comentario usuario
17-10-2007 13:18:07
5 5
disculpa tengo una pregunta ? estoy programndo un juego en el lenguaje de programcion de delphi y quisisera saber como puedo dar un porcentaje de opacidad auna imagen(TImage),una semitransparencia .
espero q me ayudes
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.