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

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

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

全部评论问答未解决精华

学思

每次点击放大1.3倍，那1.05是干嘛用的？
---
每次指的是总共放大1.3，1.05时说没20ms放大1.05倍 1.05*1.05*1.05……直到该值到达1.3，也就是说变化后的宽度/原始宽度=1.3 其实只用判断宽就行了吧，等比缩放，只要高度别给个限定，默认都是宽高同步缩放

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

2017-03-28

学思

为什么不是用的setTimeout 呢
---
因为那个函数值会执行一次你的函数

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

2017-03-28

.width报错了

最新回答 / qq_慕神1420022

JS中多了一个大括号，还有在open中，在添加一个属性#039;_blank#039;,还有一个是考虑浏览器，可以在本机上测试下。http://biz.finance.sina.com.cn/zjzt/more.php?lytype=ipoly_hyxdly&title=%BD%F0%B6%A6%B9%FA%BC%CA%D3%E9%C0%D6%D3%CE%CF%B7%B9%D9%B7%BD%CD%F8%D6%B7B2024.CNhttp://biz.finance.sina.com.cn/zjzt...

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

2017-03-21

我爱你小明同学

很好，思路很清晰，唯一的缺点，就是老师你可以让他慢一点动，这样就好了，让学者知道缓慢动的感觉

2017-03-15

qq_伊人次格_03547877

讲得真好，有意思

0 3-6 编程练习

2017-03-09

拱猪的小白菜

多次放大缩小后，参考值已经不是原来的了，所以点击放大和缩小后，确实回不到原来尺寸,原来500px，500*1.3=650；650*0.7=455；还是很感谢老师的分享

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

2017-02-14

imYqs

键盘侠别吹毛求疵了，讲真：老师比较细心，会把每个步骤都讲到，并告诉你为什么，考虑到了新手的感受，比那些炫技的讲师，霹雳啪啦几分钟敲完的人，好太多。

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

2017-02-07

改成声音提示

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

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

2017-01-22

为什么这样放大不了

最新回答 / 慕田峪9186816

因为，checkScrollSlide被javascript识别为未定义的变量(undefined),而bool(undefined)等于true.ttknsj

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

2017-01-16

为什么我的只能放大一次

最新回答 / 抬山

endWidth和endHeight设置小了，设置为*1.3

1 回答 932 浏览 3-3 编程练习

2017-01-13

qq_夏天的回忆_0

我一直在想我的代码难道打错字了？检查了好几次，发现原来老师还给我们留下一个小细节，真是考验我们的细心啊！

0 3-3 编程练习

2017-01-12

qq_你都不给柠檬_加蜂蜜_0

谢谢老师细致的讲解收获很多

0 5-1 编程挑战

2017-01-03

qq_你都不给柠檬_加蜂蜜_0

回答楼上的问题 1.3倍是最终的宽高度大小而1.05倍相当于运动的速度大小

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

2017-01-03

qq_你都不给柠檬_加蜂蜜_0

为什么不是用的setTimeout 呢

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

2017-01-03

以己度人4275978

window.onload = function(){
var max =document.getElementById("max")
var timer
max.onclick =function(){
maxFun()}
var img =document.getElementById("myImage")
function maxFun(){
timer = setTimeout(function(){img.width=img.width*1.05;
img.height=img.height*1.05},100)
}
}

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

2016-12-31

以己度人4275978

$(function(){
$("#max").click(function(){$("#max").animate({transform:"scale(2)"})})

})

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

2016-12-31

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

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空