-
图片移动查看全部
-
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
提交
取消