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

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

难度初级
时长30分
学习人数
综合评分9.67
88人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.6 逻辑清晰
..大家来找茬
严格意义上来讲,正确答案 B里面的 setInterval(function(){alert("abc")},1000),里面的alert()后面不是应该加个分号";"么?虽然说省略掉一样可以运行
这样的格式都不好看啊,有缺少的东西很难看出来,放到Dreamweaver就报错了
为什么打不开呢?
<div style="width:400px;margin-left:50%;">
<img src="http://img1.sycdn.imooc.com//53577ee900016c2102080260.jpg" id="myImage" /><br/>
<input type="button" id="max" value="放大" />
<input type="button" id="min" value="缩小" />
真是繁琐啊
要居中要先有自己的宽度width,后有margin:0 auto
小伙伴们,如果觉得慕课网的JavaScript教程有点难,建议看看这个js教程,写得相当不错,有可能比慕课网的好,来推荐一下:http://www.lvyestudy.com/les_js/js_list.aspx
每次点击可以设置延时时间给500毫秒就不用比较判断了!!
老师辛苦了,讲得很好
if判断的时候应该width和height同时判断。虽然效果是一样的。但是不严谨
var endLeft=parseInt(img.style.left)+300; //每次点击后向右滑动300px

var imgLeft=parseInt(img.style.left);//现在距离左边的距离

img.style.left=(imgLeft+20)+"px";//将图片的左偏移(left值)增加20px,注意单位

alert("到头了哦!");//终止定时器函数
clearInterval(sliderTimer);
if(img.width < endWidth){
if(img.width < maxWidth){
img.width = img.width*1.05;
img.height = img.height*1.05;
}else{
alert("已经放大到最大值了");
clearInterval(maxTimer);
}
}else{
clearInterval(maxTimer);
}
代码有错误啊
window.onload = function(){
少一个}封闭
课程须知
1.掌握HTML+CSS相关的基础知识 2. 熟悉 JavaScript基础知识,尤其对鼠标点击事件等知识精通
老师告诉你能学到什么?
1.掌握用JS方式实现图片缓慢放缩效果 2.学习到setInterval()和clearInterval()两个函数的用法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消