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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰

已采纳回答 / 小狗旺旺
首先获取元素要在文档加载完成之后才能获取到的,其次是你那个速度是网页加载完成的时候输入的,所以要在点击事件里面获取,才能得到输入的速度值,这个值是个字符串用parseInt()转义下,speed是全局变量可以在函数里面使用,不用带进去<!DOCTYPE html><html><head><meta charset="UTF-8"><title>js动画制作</title><style type="text/css">#di...

已采纳回答 / 精慕门7137578
每次清除的都是上一个定时器

已采纳回答 / qq_浮生_17
能不能具体点,只是根据这句话只能判断timer没有定义

最赞回答 / 六月ovo
经过多番测试,视频中的完美运动代码存在bug,这个框架只可以实现同步动画,不可以实现链式动画。同步动画最后会停止,不是因为<...code...>而是代码中的<...code...>这一部分等于0了,...

已采纳回答 / 六月ovo
定时器不可以共用,你这里明显多个对象动画都共用一个定时器【timer】了,应该把定时器的地方都改成 obj.timer , 在运动函数里面,增加一个obj的参数。例如://这里是遍历的代码 for(var i=0,l=img.length;i<l;i++){    img[i].timer = null;     img[i].onmouseover=function(){         moveFn(img[i],50);     }     img[i].onmouseout=fun...

已采纳回答 / 强转程序猿
老铁,你onmouseover后面的function少两个括号

已采纳回答 / 10点
<...code...>把timer.setInterval(function()里的.改成=,timer=setInterval(function()

已采纳回答 / 慕粉4382624
搞了半天    我还在纳闷怎么不行。var speed = (iTarget - oBox.offsetLeft)/30;speed = speed>0?Math.ceil(speed):Math.floor(speed);这两行  要写在setinterval这个函数里面

已采纳回答 / 我姓杨却不能信仰
老铁,你写掉了一个字母,鼠标鼠标事件根本不能执行。adiv[i].onmoseover=function(){startMove(this,100);}中    onmoseover应该是onmouseover

已采纳回答 / AlohaC
startMove里用""的相当于字符串json里不用是因为这些被看作定义过的属性名,和 var 类似

已采纳回答 / 白小九
看了半天才弄明白你的意思:<...code...>startMove(li1,200,'height')意思是立即执行这个函数,这是一个执行的动作,不能作为参数传递。<...code...>function(){startMove(li1,200,'height')}是定义一个匿名函数,函数内随便执行什么。不知道我这样有没有说清楚
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消