Esto entre las etiquetas <head></head>
<style type="text/css">
#im {
FILTER: alpha(opacity=50)
}
</style>
<script language="JavaScript1.2">
function high(which2)
{
theobject=which2;
highlighting=setInterval("highlightit(theobject)",50);
}
function low(which2)
{
clearInterval(highlighting);
which2.filters.alpha.opacity=50;
}
function highlightit(cur2)
{
if(cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if(window.highlighting)
clearInterval(highlighting)
}
</script>
<!-- SEGUNDO PASO: Colocar dentro del tag IMG -->
<img src="lafoto.jpg" id="im" onmouseover="high(this)" onmouseout="low(this)">
Este efecto se ve muy bien con los menus. espero que les funciones