Un vuelco que cambia la opacidad

Mediante las hojas de estilo, se puede variar la opacidad de una imagen. Al combinar esta propiedad con un simple JavaScript, se puede producir un efecto de cursor de ratón verdaderamente simpático. Y todo lo que se necesita es una sola imagen.

Inserte el siguiente script en el encabezamiento de su página, 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>

Después, defina su imagen de la siguiente manera:

<IMG SRC="my_picture.jpg" BORDER=0 style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)">

Ahora, le toca cambiar la imagen utilizada para su efecto (en este caso, my_picture.jpg) y la opacidad inicial de esta imagen (en este caso, 40%).



Compatibilidad. Esta astucia sólo funciona en Internet Explorer versión 4.0 y superior.