一段关于图片放大代码的问题。高手进进o(∩_∩)o...

来源：百度知道 编辑：UC知道 时间：2024/06/19 05:12:33
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效观止|www.jscode.cn| --- 鼠标放到图片上慢慢变大，移开后图片又慢慢变小</title>

</head>

<body>
<img id=MainImg onmouseover=max() onmouseout=min() src=http://www.jscode.cn/JsCode/images/flag.gif width="85" height="55">
<script>
var i=0
//变大
function max(){
MImg=MainImg.style.pixelWidth+=i++
MainImg.style.pixelHeight=MImg*aaa
if(i<20)setTimeout('max()',100)
}

//变小
function min(){
MImg=MainImg.style.pixelWidth-=i--
MainImg.style.pixelHeight=MImg*aaa
if(i>0)setTimeout('min()',100)
}

function init(){
aaa=Mai

越来越小是因为图片变大后 调用了onmouseout事件 这段程序写的又不严谨 变成先执行放大max()再执行 min()
你的要求用下面的代码可以实现

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效观止|www.jscode.cn| --- 鼠标放到图片上慢慢变大，移开后图片又慢慢变小</title>

</head>

<body>
<img id=MainImg onmouseover=max() onmouseout=init() src=http://www.jscode.cn/JsCode/images/flag.gif width="85" height="55">
<script>
var i=0
//变大
function max(){
MImg=MainImg.style.pixelWidth+=i++
MainImg.style.pixelHeight=MImg*aaa
if(i<20)setTimeout('max()',100)
}

function init(){
i=0 //注意这里要清零！
aaa=MainImg.height/MainImg.width
MainIm