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

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

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

全部评论问答未解决精华

怎样写比较好

最新回答 / 宝慕林1260297

可以的

1 回答 393 浏览 3-6 编程练习

2019-06-20

多次操作，图片变形问题

最新回答 / 有梦想的人不睡觉11

你的计算方法写错了吧

1 回答 701 浏览 4-1 总结

2018-11-13

Vans

我发现灵异事件，当我写到缩小的时候图片就不断抖动！！！

0 3-4 用JavaScript实现图片缩小效果

2018-10-28

广东丶林峰3484254

0 2-3 编程练习

2018-09-27

图片设置大小了，放大和缩小就无效了？？？

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

0 回答 1440 浏览

2018-05-27

这节课没有源码资料吗？

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

0 回答 876 浏览

2018-05-04

慕婉清1496524

老师讲的很细，我的效果也是出来了，再代码里，缩小的话也可以用除法“/”也可以的。

1 4-1 总结

2018-03-02

慕神6433860

老师用的是img.width,
我们可以用img.style.width来做，并且要把img.style.width转换为数值才能进行数字操作。
转换方法一：
img.style.width=img.offsetWidth*1.05+"px"; //增加宽度
转换方法二：
img.style.width=parseInt(img.style.width)*1.05+"px"; //增加宽度

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

2017-11-30

echola

慕课视频前面那个声音，好刺耳啊。。。。

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

2017-10-13

蛐蛐儿1995

看了评论真受不了那些自以为很6的人，你们技术好还来看这些干嘛？装逼也要有节制。了不起？

2017-09-08

无鞋Two

每次变成1.05倍，增加6次并不是你讲的1.3倍好吧。因为1.05都是变成前一次的1.05倍，img.width值每次执行都会更新，也就是1.05^6算出来是1.34......

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

2017-08-23

AllySu

最后的最后少了一个花括号“}”，不然运行不出来，这就是坑，没有坑也要挖坑。

2 3-3 编程练习

2017-08-12

AllySu

进来瞧瞧，setInterval()

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

2017-08-12

慕虎4773338

老师实现的效果是基于XHTML的，如果在HTML5中，img.width 和 img.height 只能读取（值为数字类型），不能写入，缩放是实现不了的。大家可以用 img.style.width、img.style.cssText、img.style.getPropertyValue(Name)、img.style.setPropertyValue(Name)试试，不过这些属性方法读取的值和写入的值都是“字符串类型”，带有“...px”单位的。我接下来是把他们都转换成了数字类型，我感觉挺麻烦的。有没有大神，有其他的方法？

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

2017-08-10

有没有大神，有其他的方法？

最新回答 / 慢l慢

可以用css3，大概是最简单的做法了

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

2017-08-10

慕沐9366577

这种页面布局写的连我个菜鸟都知道很不规范，竟然用<br />来换行....

0 2-1 用HTML+CSS实现图片缓慢缩放效果的页面布局

2017-08-02

首页上一页1 2 3 4 5 6 7 下一页尾页

该课程已下架

课程须知: 1.掌握HTML+CSS相关的基础知识 2. 熟悉 JavaScript基础知识，尤其对鼠标点击事件等知识精通

老师告诉你能学到什么？: 1.掌握用JS方式实现图片缓慢放缩效果 2.学习到setInterval()和clearInterval()两个函数的用法

微信扫码，参与3人拼团

热搜

最近搜索清空