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

為什么我這樣點擊按鈕沒有結(jié)果

<!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>
</head>
<body>
<!--頁面布局-->
????<!--圖片相關(guān)屬性設(shè)置-->
????
	<img?style="position:absolute;left:0;top:0"?src="http://img1.sycdn.imooc.com//53577ee900016c2102080260.jpg"?id="myImage"??style="position:absolute;left:0;top:0"/>
<!--滑動按鈕設(shè)置-->


<input?type="button"?value="開始動畫"?id="btn"
style="margin-top:400px"/>
<script>
	window.onload?=?function(){
		var?img?=?document.getElementById("myImage");
		var?btn?=?document.getElementById("btn");
		
		//綁定點擊事件
		btn.onclick?=?function(){
			imgSlide();	//點擊按鈕時執(zhí)行滑動函數(shù)
		}
		
		var?maxLeft?=?700;//向右滑動的極限值
		//實現(xiàn)滑動函數(shù)
		function?imgSlide(){
			????????????????????????????????????????//每次點擊后向右滑動300px
			var?slideTimer?=?setInterval(function(){
		?????var?imgLeft=img.style.left;
?????????????var?endLeft=img.style.left+100;
?????????????//現(xiàn)在距離左邊的距離
				if(imgLeft?<?endLeft){
					if(imgLeft?<?maxLeft){
						//將圖片的左偏移（left值）增加20px，注意單位
????????????????????????img.style.left=img.style.left+20+"px";
					
					}else{
					
					//終止定時器函數(shù)
					alert("已經(jīng)到了最右邊了！");
					clearInterval(slideTimer);	
					}
				}else{
						clearInterval(slideTimer);	
				}
			},10);	
		}
	}
</script>
</body>
</html>