如何实现由模糊变清晰呢？

Question

<img src="Karu.gif" style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=false);width:100;height:100" onmouseover="setclear(true)" onmouseout="setclear(false)" id=fadeimg></img><script>
var timeoutid, pr=10, status="clear";
function setclear(what){
if(what){
if(status=="blur")
clearTimeout(timeoutid);
status="clear";
if(pr>=0){
pr-=1;
fadeimg.style.filter="progid:DXImageTransform.Microsoft.Blur(PixelRadius="+pr+",MakeShadow=false)";
}
}
else{
if(status=="clear")
clearTimeout(timeoutid);
status="blur";
if(pr<=10){
pr+=1;
fadeimg.style.filter="progid:DXImageTransform.Microsoft.Blur(PixelRadius="+pr+",MakeShadow=false)";
}
}
timeoutid=setTimeout("setclear("+what+")", 1);
}
</script>

Answer 1

<script language="JavaScript">
//var d='true'
var d=0
function JM_fade(ob){if (d==0) {ob.filters.alpha.opacity+=1} else {ob.filters.alpha.opacity-=1}if (ob.filters.alpha.opacity==100){d=1;} else if (ob.filters.alpha.opacity==0){d=0}}
setInterval("JM_fade(u)",10)</script>
<img src="http://www.ie-zone.com/banners/a01.gif" name="u" border=0 alt="Image" style="filter:alpha(opacity=0)">