用JavaScript实现图片缓慢缩放效果_技术问答

首页免费课用JavaScript实现图片缓慢缩放效果问答

用JavaScript实现图片缓慢缩放效果

全部评论问答未解决精华

加了提示后alert('已经放大到最大值了');就关不掉了，这是为什么呢？

讲师回答 / Ben

clearInterval(maxfun);应该是clearInterval(maxtime); 因为关闭的是定时器而不是关闭函数

1 回答 1994 浏览 3-1 用JavaScript实现图片放大效果

2015-08-05

为何没有作用呢？求助

+ 我来回答回答最高可+2积分

4 回答 1043 浏览 3-1 用JavaScript实现图片放大效果

2015-08-05

Honghong1223

老师辛苦了，讲得很好

0 1-1 效果展示及实现原理分析

2015-08-05

这个缩放的速度可以调整吗？

讲师回答 / Ben

当然可以调整定时器的时间间隔就可以了

3 回答 1154 浏览 1-1 效果展示及实现原理分析

2015-08-05

慕课网官网上面，当鼠标放到一个课程上面的时候图片缓慢从中间放大，当鼠标移开的时候又缓慢缩小的效果

+ 我来回答回答最高可+2积分

0 回答 1024 浏览

2015-08-03

老师，有问题

+ 我来回答回答最高可+2积分

2 回答 923 浏览 3-4 用JavaScript实现图片缩小效果

2015-07-28

图片的居中

已采纳回答 / echo_kinchao

你看看是不是没有设定高度跟宽度

3 回答 990 浏览 2-1 用HTML+CSS实现图片缓慢缩放效果的页面布局

2015-07-16

xiaojun_513

if判断的时候应该width和height同时判断。虽然效果是一样的。但是不严谨

1 3-1 用JavaScript实现图片放大效果

2015-04-15

这段代码可以的，但是一滑倒最右端后就不停地跳出alert里的，叉不掉，在DW里和IE里都是。是哪里有问题？？？

+ 我来回答回答最高可+2积分

2 回答 1012 浏览 5-1 编程挑战

2015-04-05

代码求找错啊。。。慕课这编辑器不会报哪里错了，写错了就傻眼了。还不知道哪里错了，重写了好几次了

+ 我来回答回答最高可+2积分

4 回答 871 浏览 3-3 编程练习

2015-04-05

麦勰尓

var endLeft=parseInt(img.style.left)+300; //每次点击后向右滑动300px

var imgLeft=parseInt(img.style.left);//现在距离左边的距离

img.style.left=(imgLeft+20)+"px";//将图片的左偏移（left值）增加20px，注意单位

alert("到头了哦！");//终止定时器函数
clearInterval(sliderTimer);

1 5-1 编程挑战

2015-03-19

麦勰尓

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);
}

0 3-6 编程练习

2015-03-19

麦勰尓

代码有错误啊
window.onload = function(){
少一个}封闭

12 3-3 编程练习

2015-03-19

qq_陌末_0

页面加载完成（onload）执行放大函数
获取放大按钮 var maxBtn= document.getElementById("max")
放大按钮点击时 .onclick(function(){
点击激活放大函数，继续定义 maxfunction(){
设置定时器 var=maxTimer = setInterval(function(){},时间段）//每20ms放大1.05倍
定时器的函数中获取图片（可以放在函数外作为全局变量），每次放大将图片宽/长高变为原来的1.05倍
停止器停止增大
设置最大宽高。用 if限定

2 3-1 用JavaScript实现图片放大效果

2015-03-10