为了账号安全,请及时绑定邮箱和手机立即绑定

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

难度初级
时长30分
学习人数
综合评分9.67
88人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.6 逻辑清晰
代码没效果请封闭 window.onload
额。。。。。
爷,怎么没有变大。
哈哈,我是一楼,帅的人早已点赞
style获取的属性会带有px等单位。
那用这么绕啊,把我绕晕了 直接if(img.width>minWidth && img.height>minHeight){ img.width*=0.95; img.height*=0.95;
每次点击放大1.3倍,那1.05是干嘛用的?
---
每次指的是总共放大1.3,1.05时说没20ms放大1.05倍 1.05*1.05*1.05……直到该值到达1.3,也就是说变化后的宽度/原始宽度=1.3 其实只用判断宽就行了吧,等比缩放,只要高度别给个限定,默认都是宽高同步缩放
为什么不是用的setTimeout 呢
---
因为那个函数值会执行一次你的函数
很好,思路很清晰,唯一的缺点,就是老师你可以让他慢一点动,这样就好了,让学者知道缓慢动的感觉
讲得真好,有意思
多次放大缩小后,参考值已经不是原来的了,所以点击放大和缩小后,确实回不到原来尺寸,原来500px,500*1.3=650;650*0.7=455;还是很感谢老师的分享
键盘侠别吹毛求疵了,讲真:老师比较细心,会把每个步骤都讲到,并告诉你为什么,考虑到了新手的感受,比那些炫技的讲师,霹雳啪啦几分钟敲完的人,好太多。
我一直在想我的代码难道打错字了?检查了好几次,发现原来老师还给我们留下一个小细节,真是考验我们的细心啊!
谢谢老师细致的讲解 收获很多
回答楼上的问题 1.3倍是最终的宽高度大小 而1.05倍相当于运动的速度大小
课程须知
1.掌握HTML+CSS相关的基础知识 2. 熟悉 JavaScript基础知识,尤其对鼠标点击事件等知识精通
老师告诉你能学到什么?
1.掌握用JS方式实现图片缓慢放缩效果 2.学习到setInterval()和clearInterval()两个函数的用法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消