怎么实现鼠标悬停图片逐渐清晰，鼠标离开图片逐渐透明，在图片逐渐透明期间，鼠标再次悬停图片，则终止透明循环，直接再次清晰

Question

<img id="img" style="filter:alpha(opacity=20);" src="01_5.jpg" width="120" height="119" onmousemove="javascript:f_move(this)" onmouseout="javascript:f_out()" /><script>
//鼠标悬停则清晰照片
function f_move(obj)
{
obj.filters.alpha.opacity=100;
}/*
该如何在鼠标再次悬停的时候让模糊一半照片忽然清晰？？？
*/
//鼠标离开则逐渐模糊照片
function f_out()
{
var obj =document.getElementById("img");
var t=new Object();

if (obj.filters.alpha.opacity<22)
{
  clearTimeout(t.timer1); 
  obj.filters.alpha.opacity=20;
}else
{
obj.filters.alpha.opacity-=1;
t.timer1=setTimeout("f_out()",10) 
 }}
</script>

Answer 1

<img   id="img"   style="filter:alpha(opacity=20);"   src="01_5.jpg"   width="120"   height="119"   onmousemove="javascript:f_move(this)"   onmouseout="javascript:f_out()"   /> <script> 
//鼠标悬停则清晰照片 
function   f_move(obj) 
{ 
obj.filters.alpha.opacity=100; 
} /* 
该如何在鼠标再次悬停的时候让模糊一半照片忽然清晰？？？ 
*/ 
//鼠标离开则逐渐模糊照片 
function   f_out() 
{ 
var   obj   =document.getElementById("img"); 
var   t=new   Object(); if   (obj.filters.alpha.opacity <22) 
{ 
  clearTimeout(t.timer1);   
  obj.filters.alpha.opacity=20; 
}else 
{ 
obj.filters.alpha.opacity-=1; 
t.timer1=setTimeout("f_out()",10)   
  } } 
</script> 再次把我的代码发上来

Answer 2

你就这个代码就可以了
只是问题出再这个上
if   (obj.filters.alpha.opacity <22) 
{ 
  clearTimeout(t.timer1);   
  obj.filters.alpha.opacity=20; 
}else 
{ 
obj.filters.alpha.opacity-=1; 
t.timer1=setTimeout("f_out()",10)   
  } 因为你鼠标离开后他必须小于22才回终止