                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /用JavaScript實(shí)現(xiàn)圖片緩慢縮放效果

誰能幫幫我為何顯示多2個(gè)}}號(hào)

<!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>無標(biāo)題文檔</title>
</head>
<body>
<div style="width:400px;margin:0 auto">
<img src="image/0.jpg"? id="myImage"? /><br />
<input type="button" id="max" value="放大"? />
<input type="button" id="min" value="縮小"? />
</div>
<script>
??? window.onload = function(){
??????????????????????????????? var maxBtn = document.getElementById("max");
?? ??? ???????????????????????? maxBtn.onclick = function(){//添加放大點(diǎn)擊事件
?? ??? ??? ????????????????????????????????????????????????? maxFun();}//放大函數(shù)?? ?
?? ??? ???????????????????????? var img = document.getElementById("myImage");
?? ??? ???????????????????????? var maxWidth = img.width*2;//放大寬度的極限值
?? ??? ???????????????????????? var maxHeight = img.height*2;//放大的高度極限值
?? ??? ???????????????????????? var minWidth = img.width*0.5;//縮小寬度的極限值
?? ??? ???????????????????????? var minHeight = img.height*0.5;//縮小高度的極限值
?? ??? ?
?? ??? ???????????????????????????? function maxFun(){//定義放大函數(shù)
?? ??? ??? ?????????????????????????????????????????? var endWidth = img.width*1.3;//每次點(diǎn)擊后的寬度
?? ??? ??? ?????????????????????????????????????????? var endHeight = img.height*1.3;//每次點(diǎn)擊后的高度
?? ??? ??? ?????????????????????????????????????????? var maxTimer = setInterval(function(){
?? ??? ??? ??? ??? ??????????????????????????????????????????????????????????? if(img.width < endWidth){
?? ??? ??? ??? ??? ??? ?????????????????????????????????????????????????????????????? if(img.width < maxWidth){img.width = img.width*1.05;
?? ??? ??? ??? ??? ??? ??? ??????????????????????????????????????????????????????????????????????????????????? img.height = img.height*1.05;}
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ?????????? else{alert("已經(jīng)放大到最大值了");
?? ??? ??? ??? ??? ??? ??? ??????????????????????????????????????????????????????????????? clearInterval(maxTimer);}
?? ??? ??? ??? ??? ??????????????????????????????????????????????????????????????????????????????????? }
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ?? else{clearInterval(maxTimer);?? ?}
?? ??? ??? ?????????????????????????????????????????????? },10);?? ?
?? ??? ?????????????????????????????????????????????? }
?? ??? ??????????????????????? var minBtn = document.getElementById("min");
?? ??? ??????????????????????? minBtn.onclick = function(){
?? ??? ??? ??????????????????????????????????????????????? minFun();}
?? ??? ??????????????????????????? function minFun(){//實(shí)現(xiàn)縮小函數(shù)
?? ??? ??? ????????????????????????????????????????? var endWidth = img.width*0.7;//每次點(diǎn)擊后的寬度
?? ??? ??? ????????????????????????????????????????? var endHeight = img.height*0.7;//每次點(diǎn)擊后的高度
?? ??? ??? ????????????????????????????????????????? var minTimer = setInterval(function(){
?? ??? ??? ??? ??? ??????????????????????????????????????????????????????????? if(img.width > endWidth){
?? ??? ??? ??? ??? ??? ?????????????????????????????????????????????????????????????? if(img.width > minWidth){img.width = img.width*0.95;
?? ??? ??? ??? ??? ??? ??? ??????????????????????????????????????????????????????????????????????????????????? img.height = img.height*0.95;}
?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ?? else{alert("已經(jīng)縮小到最小值了");
?? ??? ??? ??? ??? ??? ??? ??????????????????????????????????????????????????????????????? clearInterval(minTimer);}
?? ??? ??? ??? ??? ???????????????????????????????????????????????????????????? }else{clearInterval(minTimer);}
?? ??? ??? ???????????????????????????????????????????????? },10);?? ?
?? ??? ?}
?? ??? ?
?? ?}
</script>
</body>
</html>
?????????? ?
?????????? ?
?????????? ?
?????????? ?
?????????? ?
?????????? ?
?????????? ?
?????????? ?
?? ??? ?}
?? ??? ?
?? ?}
</script>
</body>
</html>