js图片放大，出现了一个小问题。。。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function big(i){
var imgObj=document.getElementsByTagName("img")[i];
if(imgObj.width<200){
imgObj.width=imgObj.width+5;
var t= setTimeout("big("+i+")",0);
}
else clearTimeout(t);
}function small(i){
var imgObj=document.getElementsByTagName("img")[i];
if(imgObj.width>80){
imgObj.width=imgObj.width-5;
var t= setTimeout("small("+i+")",0);
}
}
</script>
</head><body>
<img src="plants04.ng" onmouseover="big(0)" onmouseout="small(0)" />
<img src="plants03.png" /></body>
</html>
鼠标过去的时候，图片放大了，离开了也回到原来的大小如果鼠标过去的时候，图片还没有完全放大完，突然离开的话，图片就不会回到原来的大小了。怎么解决？？？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

简单改了一下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
var flag = false;
function big(i,f){
flag = f?f:flag;
var imgObj=document.getElementsByTagName("img")[i];
if(flag && imgObj.width<200){
imgObj.width=imgObj.width+5;
var t= setTimeout("big("+i+")",0);
}
else clearTimeout(t);
}function small(i,f){
flag = f==false?f:flag;
var imgObj=document.getElementsByTagName("img")[i];
if(!flag && imgObj.width>80){
imgObj.width=imgObj.width-5;
var t= setTimeout("small("+i+")",0);
}
}
</script>
</head><body>
<img src="plants04.ng" onmouseover="big(0,true)" onmouseout="small(0,false)" />
<img src="plants03.png" /></body>
</html>
为所有的img标签添加这2个事件 onmouseover="big(0,true)" onmouseout="small(0,false)" $("img").mouseover(function () {big(0,true)}).mouseout(function(){small(0,false)});
var rows;
rows=document.getElementsByTagName("img");
for(var i=0; i<=rows.length; i++){
   rows[i].mouseover=function(){big(0,true)})
   rows[i].mouseout=function(){small(0,false)});}
}不行啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
var flag = false;
function big(i,f){
flag = f?f:flag;
var imgObj=document.getElementsByTagName("img")[i];
if(flag && imgObj.width<200){
imgObj.width=imgObj.width+5;
var t= setTimeout("big("+i+")",0);
}
else clearTimeout(t);
}function small(i,f){
flag = f==false?f:flag;
var imgObj=document.getElementsByTagName("img")[i];
if(!flag && imgObj.width>80){
imgObj.width=imgObj.width-5;
var t= setTimeout("small("+i+")",0);
}
}window.onload=function (){
var rows=document.getElementsByTagName("img");
for(var i=0; i<rows.length; i++){
  rows[i].onmouseover=function(v){return function(){big(v,true);}}(i);
  rows[i].onmouseout=function(v){return function(){small(v,false);}}(i);
}
}
</script>
</head><body>
<img src="plants04.ng"/>
<img src="plants03.png" />
<img src="plants04.ng"/>
<img src="plants03.png" />
<img src="plants04.ng"/>
<img src="plants03.png" />
<img src="plants04.ng"/>
<img src="plants03.png" />
</body>
</html>
if(flag){
cmailtxt.innerHTML="邮箱格式正确";
mailtxt.innerHTML="";
}else{
cmailtxt.innerHTML="";
mailtxt.innerHTML="邮箱格式不正确";
}
lihui_shine 谢谢你哦，你真是我的救星，哎，我自学起来很难我发了短信息给你，你看看。
555555555，又出问题了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script language="javascript">
function jimko(haha)
{
if(document.getElementById(haha).style.display=="none")
    document.getElementById(haha).style.display="block"
else
    document.getElementById(haha).style.display="none"
}var oldid;
function show(id){
var oldDiv,newDiv;
oldDiv=document.getElementById(oldid);
newDiv=document.getElementById(id);
if(oldid){
   oldDiv.style.display="none";
   newDiv.style.display="block";
         }
   oldid=id;
}
</script><style type="text/css">
.style{
           border-bottom:1px red solid;
           padding:5px;
           background:#00CC00;
           text-align:center;
      }#left{
         float:left;
         margin-right:50px;
         width:120px;
}#right{
         float:left;
         border:1px red solid;
         width:300px;
         height:500px;
  }
</style></head><body>
<div id="left"><div id="m1" class="style"><a href="#" onclick="jimko('m1_news')">新闻</a></div>
<div id="m1_news" style="display:none;">
   <ul>
     <li><a href="#" onclick="show('r1')">娱乐</a></li>
     <li><a href="#" onclick="show('r2')">军事</a></li>
     <li>政治</li>
   </ul>
</div><div id="m2" class="style"><a href="#"  onclick="jimko('m2_music')">音乐</a></div>
<div id="m2_music" style="display:none">
   <ul>
     <li>歌曲</li>
     <li>歌词</li>
     <li>歌名</li>
   </ul>
</div><div id="m3" class="style"><a href="#"  onclick="jimko('m3_dianying')">电影</a></div>
<div id="m3_dianying" style="display:none">
   <ul>
     <li>叶问</li>
     <li>眼镜蛇</li>
     <li>阿凡达</li>
   </ul>
</div></div>
<div id="right">
  <div id="r1" style="display:none">aaaaaaa</div><br />
  <div id="r2" style="display:none">bbbbbbb</div><br />
  <div id="r3" style="display:none">ccccccc</div><br />
</div></body>
</html>第一次点击的时候，没东西显示，第二次才会有东西显示。