»ØÒäÖ®ÂÃ

<IMG id="IMG1" src="http://www.cps800.com/subject/summary/image/sumbanner.gif" border="1" width="88" height="80" onMouseOver="timer()"  onMouseOut="timer2()">
<script language="javascript">
  
  var img_height=200;//´ËÖµ¿É¸Ã£»É趨ͼ±äµ½µÄ×î´ó¸ß¶È
  var img_width=200;//´ËÖµ¿É¸Ä£»É趨ͼ±äµ½µÄ×î´ó¿í¶È(Óë¸ß¶Èimg_heightÏà±ÈË­Ïȴﵽ˭µÄֵΪ׼£¡º¹£¬²»»á±í´ï£¡)
  var k=10;        //ͼһ´Î±ä´óµÄÖµ£¬´ËÖµÔ½´ó£¬Í¼±ä´óµÄÔ½¿ì
  var timer1=10;  //ͼ¶à³¤Ê±¼ä±ä»¯Ò»´Î£¬ÖµÐ©Ð¡£¬±ä»¯Ô½¿ì
  var sh;
  var oldWidth=parseInt(document.all["IMG1"].width);//¶ÁȡͼÏñµÄ¿í¶È£¬²¢×ª»¯ÎªÕûÊýÐÍ
  var oldHeight=parseInt(document.all["IMG1"].height);//¶ÁȡͼÏñµÄ¿í¶È£¬²¢×ª»¯ÎªÕûÊýÐÍ
 function  timer(){
if (document.all["IMG1"].width<img_width){
  sh=setInterval("image_test()",timer1);
}
 }
  function  timer2(){
  if (document.all["IMG1"].width>oldWidth){
  sh=setInterval("image_def()",timer1);
}
 }
 function image_test(){
  var j=oldWidth/oldHeight;
  document.all["IMG1"].width=document.all["IMG1"].width+j*k ;
  document.all["IMG1"].height=document.all["IMG1"].height+k;
 
  if (document.all["IMG1"].height>=img_height||document.all["IMG1"].width>=img_width){
   clearInterval(sh)
  }
 }
  function image_def(){
  var j=oldWidth/oldHeight;
  document.all["IMG1"].width=document.all["IMG1"].width-j*k ;
  document.all["IMG1"].height=document.all["IMG1"].height-k;
 
  if (document.all["IMG1"].height<=oldHeight||document.all["IMG1"].width<=oldWidth){
   clearInterval(sh)
  }
 }
 function reset(){//ͼÏñ´óС³õʼ»¯
   document.all["IMG1"].width=oldWidth;
   document.all["IMG1"].height=oldHeight;
   clearTimeout(sh);
 }
</script>