-
编程练习 学习完《用JavaScript实现图片缩小效果》内容后，来检验一下吧！根据提示信息，在右侧的编辑器中补全相应的代码！查看全部
-
编程练习 学习完《用JavaScript实现图片放大效果》内容后，来检验一下吧！根据提示信息，在右侧的编辑器中补全相应的代码！查看全部
-
JavaScript代码写在全文下面，并且下载window.onload里面来执行。 只用图片的宽度值来判读图片等比缩放。查看全部
-
JavaScript实现图片缩小效果： var minBtn = document.getElementById("min"); minBtn.onclick = function(){ minFun(); } //实现缩小函数 function minFun(){ var endWidth = img.width*0.7;//每次点击后的宽度 var endHeight = img.height*0.7;//每次点击后的高度 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("已经放大到最小值了"); clearInterval(maxTimer); } }else{ clearInterval(maxTimer); } },20); }查看全部
-
JavaScript实现图片放大效果： window.onload = function(){ var maxBtn = document.getElementById("max"); maxBtn.onclick = function(){//添加放大点击事件 maxFun();//放大函数 } var img = document.getElementById("myImage"); var maxWidth = img.width*2;//放大宽度的极限值 var maxHeight = img.height*2;//放大的高度极限值 //定义放大函数 function maxFun(){ var endWidth = img.width*1.3;//每次点击后的宽度 var endHeight = img.height*1.3;//每次点击后的高度 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("已经放大到最大值了"); clearInterval(maxTimer); } }else{ clearInterval(maxTimer); } },10); } }查看全部
-
添加页面元素，实现页面布局。 在页面布局的基础上，通过使用JavaScript来控制操作按钮，从而实现页面的交互效果。 通过设置固定宽及margin:0 auto可以使div居中显示。换行用<br/>标签查看全部
-
setInterval(function,time); 每隔一段时间执行一次规定的函数，一直循环下去，时间以毫秒为单位。 例如：var timer = setInterval(function(){alert(11);},1000); clearInterval(timer); 清除时间函数，终止时间函数继续进行。 例如：clearInterval(timer);查看全部
-
也是少了括号，弄了好久，，可能这题目不太合理，，查看全部
-
good查看全部
-
clearInterval(timer)函数。查看全部
-
setIntervar 函数。查看全部
-
setinterval(); clearinterval();查看全部
-
'查看全部
-
1、注意设置每次放大后的变化 2、每次放大后要对对定时器进行清除 3、图片获取宽度可以使用img.width或者img.offsetWidth查看全部
-
让元素居中显示 width:400px;margin:0 auto查看全部
举报
0/150
提交
取消