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

JS动画效果

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

已采纳回答 / Gellin
Li[i].onmouseover中的‘.’被你写成‘,’,逗号跟点的问题确实比较难找出来

已采纳回答 / 慕村1994845
同学,你要认真听讲啊!老师有解释很清楚的this,指的是当前的a标签,也就是说,你鼠标移动到哪一个a标签,哪一个a标签才会有后续动作;而_this指的是当前a标签下的第一个i标签,也就是要做动画运动的那个图片所在的标签,为什么要用TagName?因为这样便于获取a标签下的i标签啊;如果你觉得像老师这样命名不好理解,你也可以把_this换成i也行,<...code...>

已采纳回答 / 赤水三千
我猜是this的的作用域问题,onmouseover内的function函数应该把this传参,因为第二个function中的this不再指向op本身。相关的this 问题我也不太明白,正学习应改为op.onmouseover = function() {var that = this //将this传参yd(that, "height", 300, function() {yd(that,"width",400); });}不知道对不对,共勉。

已采纳回答 / 慕粉2223061884
你看下你是不是getElementById("d1")那个d1前面是不是多了个空格,divd1找不到" d1"这个元素,为null

已采纳回答 / qq_等风来_55
time不定义的话是没有这个变量的

已采纳回答 / 迎风向上乀
老哥.obj.style[attr] = icur+speed+'px';你如果把这个speed设置为常数话,他就会在不断增加你设置正的他就不断++,-25+8+8+8.....所以就一直往下面掉,同理设置负数时候,就一直向上面升.而原本的var speed = (json[attr]-icur)/8; speed = speed > 0? Math.ceil(speed): Math.floor(speed);速度是变速运动,前面做的运动和上面常数一样,但是随着距离越来越近,到后面速度越来越慢...

已采纳回答 / Edge2J
把flag定义在定时器里,for循环外。评论里第一说了,你可以看下

已采纳回答 / Arya_Stark
<...图片...><...图片...><...图片...><...图片...><...图片...><...图片...>这个就是

已采纳回答 / 王小错
absolute是相对于它的上级元素中第一个position不为static(默认值)的元素的,否则就是相对于根结点而言的。所以absolute需要用元素套用一个relative,不然不会定位到它的父级元素。而relative这个值是相对于文档流的,所以加了这个position值对于这个元素在整体结构中的未知没有影响

已采纳回答 / 正在睡觉
parseFloat()    解析一个字符串并返回一个浮点数。 parseInt()    解析一个字符串并返回一个整数。 var iNum1 = parseInt("12345red"); //返回 12345var iNum1 = parseInt("0xA"); //返回 10var iNum1 = parseInt("56.9"); //返回 56var iNum1 = parseInt("red"); //返回 NaNvar fNum1 = parseFloat("12345red"); //...

已采纳回答 / 正在睡觉
只是一个传入的参数吧,语义化了而已,你换成a,b效果也是一样的。

已采纳回答 / qq_沃德天维森陌拉莫帅yb_0
获取的时候错了 应该是document.getElementsByTagName('div');

已采纳回答 / 徐无敌
offsetleft 这个里面offsetLeft   要大写

已采纳回答 / Tarol
你要是非要这么用的话,改写成var box=document.getElementsByClassName('box')[0];不加[0]的话,box得到的是一个dom对象数组,之后需要for循环遍历,你再回头把js关于dom章节的知识点看看吧,基础知识不掌握就急着做效果是不行的
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消