"Растворяющийся" текст

Подскажите, пожалуйста, как сделать, чтобы при совершении определенного действия текст исчезал не сразу, а постепенно, "растворялся"?

 
<script language="JavaScript">
<!--
function func1(fv)
{
document.getElementById("span1").style.filter="alpha(opacity="+fv+")";
if (fv>0) setTimeout("func1("+(fv-1)+");",50);
 else document.getElementById("span1").style.display='none';
}
//-->
</script>

и где-нибудь в BODY вставляешь:

 
<a href="javascript:func1(100);">Совершить определенное действие!</a><br><br>
<span id=span1>Какой-нибудь текст</span>