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

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

难度初级
时长30分
学习人数
综合评分9.67
88人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.6 逻辑清晰
初学写js的时候,感觉还是先写稿整理思路,然后按照稿的思路写,要不然感觉思维不够用,。。
每20毫秒放大1.05倍,每点击一次的最大值是1.3,,
按照老师的来打,感觉一模一样,但是结果出不来
这个开发工具下载地址
老师讲的很好啊,赞一个。虽然本来就会但多听一遍更能巩固一遍啊
当初在妙味课堂学的这个特效,两分钟能讲完的东西。。。这也能单独开个课
真的很好啊
老师在不?那两个按钮怎么设置和图片一起放大或缩小
我还在想,这么简短的代码我都能敲错。。。
设置的放大缩小比例有问题啊。。。
这个编辑器 怎么这么难写代码?鼠标焦点和代码位置对不上
哈哈,说代码要一致不然要重新看视频,结果不验证代码。
要是可以直接双击图片就能放大就更好了
function moveFunc(){
var start = 0;
var timeSet = setInterval(function(){
start +=100;

if(start < maxLeft){
img.style.left = start+100+'px';
}else{
clearInterval(timeSet);
alert('已经是最大值了');
}
},100);
}
课程须知
1.掌握HTML+CSS相关的基础知识 2. 熟悉 JavaScript基础知识,尤其对鼠标点击事件等知识精通
老师告诉你能学到什么?
1.掌握用JS方式实现图片缓慢放缩效果 2.学习到setInterval()和clearInterval()两个函数的用法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消