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

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

难度初级
时长30分
学习人数
综合评分9.67
88人评价 查看评价
9.7 内容实用
9.7 简洁易懂
9.6 逻辑清晰
  • setInterval函数: 每隔一段时间执行一次规定的函数,一直循环下去,时间以毫秒为单位; 例如: var timer=setInterval(function(){alert(1);},1000); setInterva函数是循环无休止的执行:1、循环性;2、无休止性; 故,需要停止时应使用clearInterval(timer)函数: 清除时间函数,终止时间函数继续执行。
    查看全部
  • clearInterval函数
    查看全部
  • setInterval函数
    查看全部
  • 几句话的事情长篇大论 代码有待优化 书写不是很规范 非菜鸟直接跳过
    查看全部
  • 向右滑动,注意各表达式位置 parseInt()的用法:parseInt() 函数可解析一个字符串,并返回一个整数; 举例: parseInt()函数:把参数的值转换为整数; div.style.top:id是div的元素的top值,是一个字符串,像这样“10px” 经过parseInt()函数转换后就是数字10;
    查看全部
    0 采集 收起 来源:编程挑战

    2015-03-12

  • 注意大小写问题
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-12

  • setInterval函数: 每隔一段时间执行一次规定的函数,一直循环下去,时间以毫秒为单位; 例如: var timer=setInterval(function(){alert(1);},1000); setInterva函数是循环无休止的执行:1、循环性;2、无休止性; 故,需要停止时应使用clearInterval(timer)函数: 清除时间函数,终止时间函数继续执行。
    查看全部
  • 页面加载完成(onload)执行放大函数 获取放大按钮 var maxBtn= document.getElementById("max") 放大按钮点击时 .onclick(function(){ 点击激活放大函数,继续定义 maxfunction(){ 设置定时器 var=maxTimer = setInterval(function(){},时间段)//每20ms放大1.05倍 定时器的函数中 获取图片 (可以放在函数外作为全局变量) ,每次放大将图片宽/长高变为原来的1.05倍 停止器停止增大 设置最大宽高。用 if限定
    查看全部
  • parseInt()的用法:parseInt() 函数可解析一个字符串,并返回一个整数; 举例: parseInt()函数:把参数的值转换为整数; div.style.top:id是div的元素的top值,是一个字符串,像这样“10px” 经过parseInt()函数转换后就是数字10;
    查看全部
    2 采集 收起 来源:编程挑战

    2015-04-05

  • 把javascript 放在body的下方并同时使用window.onload=function(){}: 1、放在body下方确实可以让浏览器在html加载后再执行,但网页中图片等资源是可能慢于html框架加载; 2、javascript在执行时需要获得准确的网页初始信息,故选以上题目中写法;
    查看全部
    0 采集 收起 来源:总结

    2015-02-22

  • var endHeight=img.height*1.3; var maxTimer=setInterval(function(){ if(img.Height<endHeight) img.width=img.width*1.05;//图片宽度增加5% img.height=img.height*1.05//图片高度增加5% },20) else{ clearInterval(maxTimer); } 注意结束setInterval函数的方式;
    查看全部
  • setInterva函数是循环无休止的执行:1、循环性;2、无休止性; 故,需要停止时应使用clearInterval(timer)函数: 清除时间函数,终止时间函数继续执行。
    查看全部
  • setInterval函数: 每隔一段时间执行一次规定的函数,一直循环下去,时间以毫秒为单位; 例如: var timer=setInterval(function(){alert(1);},1000);
    查看全部
  • 编程挑战 恭喜你已经把《使用JavaScript实现图片缩放效果》课程学习完成了,接下来一试身手吧! 实现图片向右滑动效果:
    查看全部
    1 采集 收起 来源:编程挑战

    2015-02-22

  • js代码写在全文的下面,并且放在window.onload里面来执行。 原因:虽然把js写在全文的下面保证了页面加载完html代码后再加载js,然而img图像资源加载过慢,js放在window.onload里面来执行,更能完全保证在图片完整加载到页面中后,再执行js代码。
    查看全部
    0 采集 收起 来源:总结

    2015-02-26

举报

0/150
提交
取消
课程须知
1.掌握HTML+CSS相关的基础知识 2. 熟悉 JavaScript基础知识,尤其对鼠标点击事件等知识精通
老师告诉你能学到什么?
1.掌握用JS方式实现图片缓慢放缩效果 2.学习到setInterval()和clearInterval()两个函数的用法

微信扫码,参与3人拼团

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

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