Aquí hay uno con
clip (rectangular, claro).
Código:
<HTML><HEAD>
<style>
#imagen1{border: 5px blue solid}
#imagen2{border: 5px blue solid}
img{position:absolute; left:100px; top:100px}
</style>
<script>
var destacado=0;
function destaca(clp){
if(destacado==0){
imagen2.style.clip='rect('+clp+')';
imagen1.style.filter='alpha(opacity=25)';
destacado=1;}
else {
imagen2.style.clip='rect(0 0 0 0)';
imagen1.style.filter='';
destacado=0;}
}
</script>
<BODY >
<button onclick="destaca('10 120 155 10')">destaca lámpara</button>
<button onclick="destaca('100 320 160 120')">destaca foros</button>
<IMG SRC="http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif" height=300 width=579 id=imagen1>
<IMG SRC="http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif" height=300 width=579 id=imagen2>
</BODY></HTML>
si se me ocurre algo más lo posteo
saludos
furoya