亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么我這樣點擊按鈕沒有結果

<!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>
<!--頁面布局-->
????<!--圖片相關屬性設置-->
????
	<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"/>
<!--滑動按鈕設置-->


<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();	//點擊按鈕時執行滑動函數
		}
		
		var?maxLeft?=?700;//向右滑動的極限值
		//實現滑動函數
		function?imgSlide(){
			????????????????????????????????????????//每次點擊后向右滑動300px
			var?slideTimer?=?setInterval(function(){
		?????var?imgLeft=img.style.left;
?????????????var?endLeft=img.style.left+100;
?????????????//現在距離左邊的距離
				if(imgLeft?<?endLeft){
					if(imgLeft?<?maxLeft){
						//將圖片的左偏移(left值)增加20px,注意單位
????????????????????????img.style.left=img.style.left+20+"px";
					
					}else{
					
					//終止定時器函數
					alert("已經到了最右邊了!");
					clearInterval(slideTimer);	
					}
				}else{
						clearInterval(slideTimer);	
				}
			},10);	
		}
	}
</script>
</body>
</html>


正在回答

1 回答

已經找到了問題所在

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
用JavaScript實現圖片緩慢縮放效果
  • 參與學習       32785    人
  • 解答問題       91    個

本課程講解如何使用JavaScript技術實現圖片縮放效果,并分析原理

進入課程

為什么我這樣點擊按鈕沒有結果

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號