-
圖片移動查看全部
-
window.onload = function(){ // 獲取圖片 var image = document.getElementById("myImage"); // 獲取放大按鈕 var zoomInButton = document.getElementById("zoomin"); // 限制圖片的最大寬度和最大高度 var maxWidth = image.width * 1.3; var maxHeight = image.height * 1.3; zoomInButton.onclick = function(){ var zoomIn = setInterval(function(){ if (image.width <= maxWidth) { image.width = image.width + image.width * 0.05; image.height = image.height + image.height *0.05; } else{ clearInterval(zoomIn); } },120); } // 獲取縮小按鈕 var zoomOutButton = document.getElementById("zoomout"); }查看全部
-
將script放置在div后邊，是為了讓圖片能夠先進行加載。script函數中開始利用 window.onload，則是為了是圖片加載完整，方便提取圖片的寬度和高度。查看全部
-
qqq查看全部
-
容易查看全部
-
setInterval(function(),time)查看全部
-
window.onload沒有括號，clearInterval(maxTimer)后面有分號。查看全部
-
offsetleft獲得偏移，并賦值給style.left查看全部
-
頁面加載完成（onload）執行放大函數 獲取放大按鈕 var maxBtn= document.getElementById("max") 放大按鈕點擊時 .onclick(function(){ 點擊激活放大函數，繼續定義 maxfunction(){ 設置定時器 var=maxTimer = setInterval(function(){},時間段）//每20ms放大1.05倍 定時器的函數中 獲取圖片 （可以放在函數外作為全局變量） ，每次放大將圖片寬/長高變為原來的1.05倍 停止器停止增大 設置最大寬高。用 if限定查看全部
-
這次終于對了，原因竟然是大括號位置打錯了……查看全部
-
setintervel(執行的函數,時間間隔)查看全部
-
clearInterval(timer); 清除時間函數，終止時間函數繼續執行。查看全部
-
setInterval(fun,time); 每隔一段時間執行一次規定的函數； 一直循環下去，時間以毫秒為單位。查看全部
舉報
0/150
提交
取消