-
setlnterval(fun,time); 每隔一段時間執(zhí)行一次規(guī)定的函數(shù)一直循環(huán)下去，時間以毫秒為單位！查看全部
-
margin:0,auto div自身帶有寬度，要設置，還有setInterval兩個參數(shù)一個是函數(shù)調用，再就是時間time查看全部
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div > <img src="./1.jpg" id="myimge" /> <input type="button" id="max" value="放大"/> <input type="button" id="min" value="縮小"/> </div> <script> window.onload = function () { var maxBth = document.getElementById('max'); var img = document.getElementById('myimge'); var maxWidth = img.width*2;//極限值 maxBth.onclick = function(){ maxFun() }; console.log(maxWidth); function maxFun( ){ var endWiddth = img.width * 1.3;//每次點擊后的寬度 var maxTimer = setInterval(function () { if(img.width < endWiddth && img.width < maxWidth){ img.width = img.width*1.05; img.height = img.height*1.05; }else { clearInterval(maxTimer) } },20) } }; </script> </body> </html>查看全部
-
圖片放大縮小查看全部
-
1、要限制放大到什么程度總之放大，縮小也是。查看全部
-
改變圖片寬高查看全部
-
var endLeft = parseInt(img.style.left)+300; <br> var imgLeft=img.offsetLeft; img.style.left = (imgLeft + 20) + "px"; img.style.left返回值是帶px單位的經過parseInt()函數(shù)轉換后就是數(shù)字； parseInt()的用法：parseInt() 函數(shù)可解析一個字符串，并返回一個整數(shù)； 舉例： parseInt()函數(shù)：把參數(shù)的值轉換為整數(shù)； div.style.top：id是div的元素的top值，是一個字符串，像這樣“10px” 經過parseInt()函數(shù)轉換后就是數(shù)字10；查看全部
-
為了等頁面(包括圖片)加載完成后再執(zhí)行javascript，正確的寫法是：window.onload = function(){}查看全部
-
將圖片等比縮小5% img.width=img.width*0.95 img.height=img.height*0.95查看全部
-
給按鈕添加點擊事件，正確的寫法是：btn.onclick = function(){}查看全部
-
var endHeight=img.height*1.3; var maxTimer=setInterval(function(){ if(img.Height<endHeight) img.width=img.width*1.05;//圖片寬度增加5% img.height=img.height*1.05//圖片高度增加5% },20) else{ clearInterval(maxTimer); } 注意結束setInterval函數(shù)的方式； 頁面加載完成（onload）執(zhí)行放大函數(shù) 獲取放大按鈕 var maxBtn= document.getElementById("max") 放大按鈕點擊時 .onclick(function(){ 點擊激活放大函數(shù)，繼續(xù)定義 maxfunction(){ 設置定時器 var=maxTimer = setInterval(function(){},時間段）//每20ms放大1.05倍 定時器的函數(shù)中 獲取圖片 （可以放在函數(shù)外作為全局變量） ，每次放大將圖片寬/長高變?yōu)樵瓉淼?.05倍 停止器停止增大 設置最大寬高。用 if限定查看全部
-
<!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> <!--圖片和按鈕水平居中，并且在兩行顯示--> <div > <img src="http://img1.sycdn.imooc.com//53577ee900016c2102080260.jpg" id="myImage" /><br> <input type="button" id="max" value="放大" /> <input type="button" id="min" value="縮小" /> </div> </body> </html>查看全部
-
width:400px;margin:0 auto 設置頁面居中顯示查看全部
-
利用setInterval函數(shù)每隔1秒鐘彈出一次 ”abc”，正確的寫法是：setInterval(function(){alert(“abc”)},1000)查看全部
舉報
0/150
提交
取消