Efecto opaco sobre imágenes
Con este sencillo script es posible opacar el color
de las imágenes y al pararse sobre éstas cambiar a la imagen real.
Ejemplo:
Código:
Ubicar el siguiente JavaScript entre las etiquetas <head>
y </head>:
<script language="JavaScript1.2">
function makevisible(cur,which)
{
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=40
}
</script>
Luego en el código html donde insertamos la imagen deberemos
agregarle algunos parámetros:
onmouseover=makevisible(this,0) style="FILTER: alpha(opacity=40)"
onmouseout=makevisible(this,1)
<a href="http://www.webexperto.com" target="_blank"><img
src="logo.gif" onmouseover=makevisible(this,0) style="FILTER:
alpha(opacity=40)" onmouseout=makevisible(this,1) width="204"
height="68" border="0" alt="WebExperto.com"></a>
Este script puede ser muy útil para realizar vistosos menúes,
o simplemente darle un toque vistoso a nuestras imágenes.
|
