-
編程練習 學習完《用JavaScript實現圖片縮小效果》內容后，來檢驗一下吧！根據提示信息，在右側的編輯器中補全相應的代碼！查看全部
-
編程練習 學習完《用JavaScript實現圖片放大效果》內容后，來檢驗一下吧！根據提示信息，在右側的編輯器中補全相應的代碼！查看全部
-
JavaScript代碼寫在全文下面，并且下載window.onload里面來執行。 只用圖片的寬度值來判讀圖片等比縮放。查看全部
-
JavaScript實現圖片縮小效果： var minBtn = document.getElementById("min"); minBtn.onclick = function(){ minFun(); } //實現縮小函數 function minFun(){ var endWidth = img.width*0.7;//每次點擊后的寬度 var endHeight = img.height*0.7;//每次點擊后的高度 var maxTimer = setInterval(function(){ if(img.width > endWidth){ if(img.width > minWidth){ img.width = img.width*0.95; img.height = img.height*0.95; }else{ alert("已經放大到最小值了"); clearInterval(maxTimer); } }else{ clearInterval(maxTimer); } },20); }查看全部
-
JavaScript實現圖片放大效果： window.onload = function(){ var maxBtn = document.getElementById("max"); maxBtn.onclick = function(){//添加放大點擊事件 maxFun();//放大函數 } var img = document.getElementById("myImage"); var maxWidth = img.width*2;//放大寬度的極限值 var maxHeight = img.height*2;//放大的高度極限值 //定義放大函數 function maxFun(){ var endWidth = img.width*1.3;//每次點擊后的寬度 var endHeight = img.height*1.3;//每次點擊后的高度 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("已經放大到最大值了"); clearInterval(maxTimer); } }else{ clearInterval(maxTimer); } },10); } }查看全部
-
添加頁面元素，實現頁面布局。 在頁面布局的基礎上，通過使用JavaScript來控制操作按鈕，從而實現頁面的交互效果。 通過設置固定寬及margin:0 auto可以使div居中顯示。換行用<br/>標簽查看全部
-
setInterval(function,time); 每隔一段時間執行一次規定的函數，一直循環下去，時間以毫秒為單位。 例如：var timer = setInterval(function(){alert(11);},1000); clearInterval(timer); 清除時間函數，終止時間函數繼續進行。 例如：clearInterval(timer);查看全部
-
也是少了括號，弄了好久，，可能這題目不太合理，，查看全部
-
good查看全部
-
clearInterval(timer)函數。查看全部
-
setIntervar 函數。查看全部
-
setinterval(); clearinterval();查看全部
-
'查看全部
-
1、注意設置每次放大后的變化 2、每次放大后要對對定時器進行清除 3、圖片獲取寬度可以使用img.width或者img.offsetWidth查看全部
-
讓元素居中顯示 width:400px;margin:0 auto查看全部
舉報
0/150
提交
取消