js 慢慢变大缩小


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  var timer,timer1;
function show(sign){
var oifra = document.getElementById("iframe");
if(sign == "add"){
clearTimeout(timer1);
if(oifra.height < 165){
oifra.height = parseInt(oifra.height) + 1;
}else{
clearTimeout(timer);
}
timer = setTimeout("show('add')",100)
}else{
clearTimeout(timer);
if(oifra.height > 60){
oifra.height = parseInt(oifra.height) - 1;
}else{
clearTimeout(timer1);
}

timer1 = setTimeout("show('mm')",100)
}

}


  //-->
  </SCRIPT>
 </HEAD>
 <BODY>
 <input type="button" value="test" onclick="test();" />
  <iframe height="60" width="920" src='img.html' scrolling='no' id='iframe' onMouseOver='show("add");' onMouseOut='show("mm");'></iframe>
 </BODY>
</HTML>