-
setlnterval(fun,time); 每隔一段时间执行一次规定的函数一直循环下去，时间以毫秒为单位！查看全部
-
margin:0,auto div自身带有宽度，要设置，还有setInterval两个参数一个是函数调用，再就是时间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()函数转换后就是数字； parseInt()的用法：parseInt() 函数可解析一个字符串，并返回一个整数； 举例： parseInt()函数：把参数的值转换为整数； div.style.top：id是div的元素的top值，是一个字符串，像这样“10px” 经过parseInt()函数转换后就是数字10；查看全部
-
为了等页面(包括图片)加载完成后再执行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函数的方式； 页面加载完成（onload）执行放大函数 获取放大按钮 var maxBtn= document.getElementById("max") 放大按钮点击时 .onclick(function(){ 点击激活放大函数，继续定义 maxfunction(){ 设置定时器 var=maxTimer = setInterval(function(){},时间段）//每20ms放大1.05倍 定时器的函数中 获取图片 （可以放在函数外作为全局变量） ，每次放大将图片宽/长高变为原来的1.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函数每隔1秒钟弹出一次 ”abc”，正确的写法是：setInterval(function(){alert(“abc”)},1000)查看全部
举报
0/150
提交
取消