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