-
圖片移動(dòng)查看全部
-
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后邊,是為了讓圖片能夠先進(jìn)行加載。script函數(shù)中開始利用 window.onload,則是為了是圖片加載完整,方便提取圖片的寬度和高度。查看全部
-
qqq查看全部
-
容易查看全部
-
setInterval(function(),time)查看全部
-
window.onload沒有括號(hào),clearInterval(maxTimer)后面有分號(hào)。查看全部
-
offsetleft獲得偏移,并賦值給style.left查看全部
-
頁面加載完成(onload)執(zhí)行放大函數(shù) 獲取放大按鈕 var maxBtn= document.getElementById("max") 放大按鈕點(diǎn)擊時(shí) .onclick(function(){ 點(diǎn)擊激活放大函數(shù),繼續(xù)定義 maxfunction(){ 設(shè)置定時(shí)器 var=maxTimer = setInterval(function(){},時(shí)間段)//每20ms放大1.05倍 定時(shí)器的函數(shù)中 獲取圖片 (可以放在函數(shù)外作為全局變量) ,每次放大將圖片寬/長高變?yōu)樵瓉淼?.05倍 停止器停止增大 設(shè)置最大寬高。用 if限定查看全部
-
這次終于對(duì)了,原因竟然是大括號(hào)位置打錯(cuò)了……查看全部
-
setintervel(執(zhí)行的函數(shù),時(shí)間間隔)查看全部
-
clearInterval(timer); 清除時(shí)間函數(shù),終止時(shí)間函數(shù)繼續(xù)執(zhí)行。查看全部
-
setInterval(fun,time); 每隔一段時(shí)間執(zhí)行一次規(guī)定的函數(shù); 一直循環(huán)下去,時(shí)間以毫秒為單位。查看全部
舉報(bào)
0/150
提交
取消