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

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

难度初级
时长30分
学习人数32790
综合评分9.67
88人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.6 逻辑清晰
这种页面布局写的连我个菜鸟都知道很不规范,竟然用<br />来换行....
是的 虽然现在做放大缩小都用CSS3了,,, 但是本还是不能忘
不知不觉,又是一年高考过去,如果之前美工兼任前端css布局也算的话,从事这一行也一年多了。大学毕业好几年了,浑浑噩噩,面试碰壁无数,当真屌丝一枚。或许是有些浮躁,也或许以前浪费时间太多,现在每天努力学习javascript知识是必须的,你的明天会更好。加油!!
我照着写了一遍但是没有用,加了缩小就没有用了

最新回答 / 猫小伯3949215
这个就好像高级语言中的 全局变量和局部变量。不知道你学过java没有。全局变量的作用域和局部变量的作用域是不一样的。var maxWidth=img.width*2;这个时候,maxWidth的值是最初图片的width 2 倍然而,每点击一次按钮,都会去执行endWidth,endHeight,他们的一直在变化。变化的原因是点击按钮。例如:图片原大小 width 100px height 100px那么 maxWidth则固定值为200px 不会再变了 不管你点多少次按钮都不可能变了  它只与图片初始大小...

最新回答 / 猫小伯3949215
不是的,这个不会,因为 这样的话,结果是 1.05的6次方。你知道就行了。虽然课堂中老师说错了,但是练习中纠正过来了,说的是 等比缩小5%。
如果你给img设置宽高那就不能用img.widht了,需要写成parseInt(getComputedStyle(img).width),才能获得img的宽度和高度
代码没效果请封闭 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 其实只用判断宽就行了吧,等比缩放,只要高度别给个限定,默认都是宽高同步缩放
课程须知
1.掌握HTML+CSS相关的基础知识 2. 熟悉 JavaScript基础知识,尤其对鼠标点击事件等知识精通
老师告诉你能学到什么?
1.掌握用JS方式实现图片缓慢放缩效果 2.学习到setInterval()和clearInterval()两个函数的用法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消